script.js

//selectors
  const input=document.querySelector(".noteInput");
  const addBtn=document.querySelector(".addBtn");
  const notelist=document.querySelector(".noteList");

//Add button event
   addBtn.addEventListener("click", ()=>{

//get input text
   const text= input.value.trim();
//trim function removes white spaces from start and end

//empty string case
   if(text=== ""){
        alert("Can't keep empty");
        return;
    }
       
//create new li element
    const list= document.createElement("li");
    list.textContent=text;

        
//create delete button
    const dltBtn= document.createElement("button");
    dltBtn.textContent="DELETE";
    dltBtn.classList.add("delete")

//deleteBtn event
    dltBtn.addEventListener("click", ()=>{
        list.remove();
    });
        
//append elements
    list.appendChild(dltBtn);
    notelist.appendChild(list);


 //Clear input
    input.value=""; 
         
});