Javascript 删除待办事项列表项

我试图通过单击项目上的“删除”按钮删除待办事项列表项目。我不知道如何才能做到这一点

添加项目的代码有效，但“删除”按钮功能无效

document.getElementById（'button'）.addEventListener（'click'，function addTodo（）{
var值=document.getElementById（'input'）。值；
常量项=`

完成
${value}
去除
`；
const position=“beforeend”；
列表.插入附件TML（位置，项目）；
});
document.getElementById（'remove'）.addEventListener（'click'，function removeTodo（）{
var项目=这个最接近的（'li'）；
项。删除（）；
});

添加项
您试图生成多个具有相同id的html对象。这就是为什么这不起作用。当您的JavaScript查找id为“remove”的元素时，它将找到其中几个元素，这是不应该发生的。此外，还要注意id=“complete”的用法。
每次添加新todo时，请尝试增加id

不过要小心，您编写JavaScript的方式非常不受欢迎。我建议您看看ES6和ES7中引入的新标准。
您试图生成几个具有相同id的html对象。这就是为什么这不起作用的原因。当您的JavaScript查找id为“remove”的元素时，它将找到其中几个元素，这是不应该发生的。此外，还要注意id=“complete”的用法。
每次添加新todo时，请尝试增加id

不过要小心，您编写JavaScript的方式非常不受欢迎。我建议您看看ES6和ES7中引入的新标准。
问题是您的代码试图将事件附加到不存在的元素。您必须在向列表中添加新项目后附加事件


document.getElementById（'button'）.addEventListener（'click'，function addTodo（）{
var值=document.getElementById（'input'）。值；
常量项=`

完成
${value}
去除
`；
const position=“beforeend”；
列表.插入附件TML（位置，项目）；
document.getElementById（'remove'）.addEventListener（'click'，function removeTodo（）{
var项目=这个最接近的（'li'）；
项。删除（）；
});
});

添加项
问题是您的代码试图将事件附加到不存在的元素。您必须在向列表中添加新项目后附加事件


document.getElementById（'button'）.addEventListener（'click'，function addTodo（）{
var值=document.getElementById（'input'）。值；
常量项=`

完成
${value}
去除
`；
const position=“beforeend”；
列表.插入附件TML（位置，项目）；
document.getElementById（'remove'）.addEventListener（'click'，function removeTodo（）{
var项目=这个最接近的（'li'）；
项。删除（）；
});
});

添加项
很抱歉。我刚刚添加了它。另外，在发布关于StackOverflow的任何问题之前，您应该将您的错误复制/粘贴到Google和StackOverflow。你所犯的错误并不新鲜，很多人已经问过同样的问题。StackOverflow的目标是为了避免多余的问题，以使搜索更容易。对此我深表歉意。我刚刚添加了它。另外，在发布关于StackOverflow的任何问题之前，您应该将您的错误复制/粘贴到Google和StackOverflow。你所犯的错误并不新鲜，很多人已经问过同样的问题。StackOverflow的目标是避免多余的问题，以使搜索更容易。这会在标题中添加按钮，但我需要它们位于项目本身。在我的JS中，模板文本中有一个Id为“remove”的按钮。我刚刚看到了问题，正在编辑答案。它实际上来自你的JavaScript。这会在标题中添加按钮，但我需要它们位于项目本身。在我的JS中，模板文本中有一个Id为“remove”的按钮。我刚刚看到了问题，正在编辑答案。它实际上来自您的JavaScript。