function addTodo() { const input = document.getElementById('todoInput'); const list = document.getElementById('todoList'); const itemText = input.value.trim(); if (itemText) { const itemElement = document.createElement('li'); itemElement.textContent = itemText; // Checkbox for marking todo as completed const checkbox = document.createElement('input'); checkbox.type = 'checkbox'; checkbox.onclick = function() { itemElement.classList.toggle('completed', this.checked); }; // Button for deleting todo const deleteButton = document.createElement('button'); deleteButton.textContent = 'Delete'; deleteButton.onclick = function() { list.removeChild(itemElement); }; // Append elements to the list item itemElement.appendChild(checkbox); itemElement.appendChild(document.createTextNode('\u00A0')); // Add space itemElement.appendChild(deleteButton); // Append list item to the list list.appendChild(itemElement); // Clear input field input.value = ''; }
成都网站seo公司网站效果图制作武汉seo惠州seo博客东莞网站推广优化独立网店免费com域名注册重庆网站推广苏州网络推广营销型网站无锡网站推广山西网络营销企业主页设计网站优化外包公司青岛网站优化公司成都网站推广湖南网站推广网站推广系统建网江门网络营销wap网站建设长沙seo东莞网络营销推广公司做网站爱吉利seo网站优化千牛帮3g网站设计傻瓜网站制作上海seo顾问托管网站个人网站欣赏