如果在JavaScript中单击了子项，则删除父项

我在创建ToDoApp时遇到问题

如果我点击图标，图标应该从图标所在的位置移除。 我无法编写一个函数，它先升到span，再升到li，然后将其删除

const input=document.querySelector（'input'）；
const list=document.querySelector（'ul'）；
const reset=document.querySelector（'.reset'）；
const addTask=（e）=>{
if（e.keyCode==13&&input.value.length！=0）{
设value=input.value；
const li=document.createElement（'li'）；
const span=document.createElement（'span'）；
const icon=document.createElement（'i'）；
icon.classList.add（'material-icons'）；
icon.textContent=“highlight_off”；
span.appendChild（图标）；
li.textContent=值；
//setAttribute（“onclick”，`deleteTask（）`）；
表1.儿童（李）；
李.儿童（span）；
input.value=“”；
}
}
常量deleteTask=（e）=>{
常量元素=e.目标；
控制台日志（元素）；
element.currentTarget.parentNode.remove（）；
}
input.addEventListener（'keydown'，addTask）；
list.addEventListener（'click'，deleteTask）

//这里是李

清楚的

使用最近的

const input=document.querySelector（'input'）；
const list=document.querySelector（'ul'）；
const reset=document.querySelector（'.reset'）；
const addTask=（e）=>{
if（e.keyCode==13&&input.value.length！=0）{
设value=input.value；
const li=document.createElement（'li'）；
const span=document.createElement（'span'）；
const icon=document.createElement（'i'）；
icon.classList.add（'material-icons'）；
icon.textContent=“highlight_off”；
span.appendChild（图标）；
li.textContent=值；
//setAttribute（“onclick”，`deleteTask（）`）；
表1.儿童（李）；
李.儿童（span）；
input.value=“”；
}
}
常量deleteTask=（e）=>{
常量元素=e.目标最近（“li”）；
控制台日志（元素）；
元素。移除（）；
}
input.addEventListener（'keydown'，addTask）；
list.addEventListener（'click'，deleteTask）

//这里是李

清楚的