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 = ''; }
2022一级造价停考新疆维吾尔自治区建设工程信息网制作灯笼需要什么材料一流导航设计网站上海seo网络推广公司武汉市最新疫情网络管理系统逻辑上的四个组成杭州建设网公益广告宣传河南昨天今日重大新闻网页制作项目简介范文夜晚十大禁用直播app自建网站注册域名很有必要tk域名官网赣州人才网最新招聘信息网页美工设计第一步需要做什么朝阳区外贸公司有哪些线上推广方案ppt河南seo推广多少钱深圳电商公司有哪些党建设计元素衡水大型网站建设优秀网站seo报价镇江微信推广平台长沙装修公司联系电话乐陵seo外包信德电子商务o2o是什么意思东莞网上注册公司龙发装饰广州建工设计院湖南人文科技学院图书馆怎么做个工程网页制作推广
猜你喜欢