如何通过单击从JavaScript列表中删除项目?

如何通过单击从JavaScript列表中删除项目?,javascript,Javascript,我正试图做一个杂货清单,我想个别项目被添加和删除。如何做到这一点 函数getValue(){ var val=document.getElementById(“itemList”).value; var list=document.getElementById(“演示”); var元素=document.createElement(“li”); var addList=document.createTextNode(val); 元素。appendChild(addList); list.pre

我正试图做一个杂货清单,我想个别项目被添加和删除。如何做到这一点

函数getValue(){
var val=document.getElementById(“itemList”).value;
var list=document.getElementById(“演示”);
var元素=document.createElement(“li”);
var addList=document.createTextNode(val);
元素。appendChild(addList);
list.prepend(元素);
}

共同清单
添加到列表中

    在添加元素时将事件侦听器添加到元素中。这可以使用
    remove()
    方法将其从列表中删除

    函数getValue(){
    var val=document.getElementById(“itemList”).value;
    var list=document.getElementById(“演示”);
    var元素=document.createElement(“li”);
    var addList=document.createTextNode(val);
    元素。appendChild(addList);
    元素。addEventListener(“单击”,函数(){
    if(确认(`您真的想删除${this.innerText}')){
    这个。删除();
    }
    });
    list.prepend(元素);
    }
    
    共同清单
    添加到列表中
    

      将事件侦听器添加到调用
      this.remove()的
      元素中。
      谢谢,通过单击实际上可以删除项目。