// script.js function addTask() { const input = document.getElementById('todoInput'); const list = document.getElementById('todoList'); if (input.value.trim() !== "") { const li = document.createElement('li'); li.textContent = input.value; // Clicking the item removes it li.onclick = function() { this.remove(); }; list.appendChild(li); input.value = ""; // Clear input } } Use code with caution. Copied to clipboard Copy each block into a file named as labeled above.
This logic handles adding new items and removing them when clicked. javascript HTML, CSS, JavaScript
This provides the skeleton, including an input field, an "Add" button, and an empty list container. // script
// script.js function addTask() { const input = document.getElementById('todoInput'); const list = document.getElementById('todoList'); if (input.value.trim() !== "") { const li = document.createElement('li'); li.textContent = input.value; // Clicking the item removes it li.onclick = function() { this.remove(); }; list.appendChild(li); input.value = ""; // Clear input } } Use code with caution. Copied to clipboard Copy each block into a file named as labeled above.
This logic handles adding new items and removing them when clicked. javascript
This provides the skeleton, including an input field, an "Add" button, and an empty list container.