I'm trying to build an chrome extension, where I am trying to delete an item from the list and also localStorage, whenever a deleteBtn corresponding to that item is clicked, but somehow if block doesn't seem to be working, and i'm not able to figure out why. Need help
code:
function deleteTask(){
const deleteBtn = document.querySelectorAll(".delete");
deleteBtn.forEach((item)=>{
item.addEventListener("click",()=>{
for(let i=0; i<localStorage.length; i++){
let key = localStorage.key(i);
let value = localStorage.getItem(key);
if(item.parentElement.parentElement.innerText == value){
localStorage.removeItem(key);
item.parentElement.parentElement.remove();
}
}
})
})
}