script.js

let todoInput = document.querySelector(".todo-input");
let btn = document.querySelector(".btn");
let todos = document.querySelector(".todos");

// Add event listener only once
btn.addEventListener("click", function () {
    let todovalue = todoInput.value.trim();
    
    if (todovalue === "") {
        console.log("Please enter a valid todo item.");
        return;
    }

    let li = document.createElement("li");
    let delBtn = document.createElement("button");
    delBtn.innerHTML = "Delete";

    // Add delete functionality
    delBtn.addEventListener("click", function () {
        li.remove();  // Remove the entire list item
        delBtn.remove();
    });

    // Set up the list item content
    li.textContent = todovalue;

    // Add both elements to the DOM
    todos.appendChild(li);
    todos.appendChild(delBtn);

    // Clear input field after adding todo
    todoInput.value = "";
});