script.js

let input =document.querySelector("#inputItem");
let addbtn=document.querySelector("#add-item");
let notelist=document.querySelector("#noteList");

addbtn.addEventListener("click", ()=>{

    let text=input.value.trim();

    if(text===""){
        alert("Please enter a valid input");
        return;
    }

    let li=document.createElement("li");
    li.textContent=text;
    li.classList.add("list-item");

    let deleteBtn=document.createElement("button");
    deleteBtn.classList.add("delete-btn");
    deleteBtn.textContent="Delete Task";

    deleteBtn.addEventListener("click", ()=>{
        li.remove();
    })

    li.appendChild(deleteBtn);
    notelist.appendChild(li);

    input.value="";
})