Javascript 如何从列表中删除添加的项目?
我正在尝试学习JS,我决定制作一个真正的应用程序,这样我可以在做一些事情的时候学习。我正在尝试制作一个待办事项列表应用程序,我制作了添加项目,但我不知道如何在单击项目时删除它们 以下是代码: 我的待办事项Javascript 如何从列表中删除添加的项目?,javascript,Javascript,我正在尝试学习JS,我决定制作一个真正的应用程序,这样我可以在做一些事情的时候学习。我正在尝试制作一个待办事项列表应用程序,我制作了添加项目,但我不知道如何在单击项目时删除它们 以下是代码: 我的待办事项 <input id= "input" class="form-control" placeholder="Add items to your TODO list." type="text"> <button id="button" class="butto
<input id= "input" class="form-control" placeholder="Add items to your TODO list." type="text">
<button id="button" class="button btn btn-primary btn-block">Add</button>
<div class="items">
<ul id= "listGroup" class="list-group">
</ul>
</div> <!-- JS Items !-->
</div> <!-- End Div -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
<script src="app.js"></script>
这应该行得通。你应该使用分号,而且你在函数名dude中拼写remove错误,这不是问题,我不知道如何删除我添加的项。我知道。。。我只是指出,没有必要对想帮助你的人怀有敌意哦,你误解了我,我并没有试图以任何方式冒犯你我应该用getElementById选择该元素的可能重复项。您能解释一下吗?是列表组,我找到了。谢谢
var button1 = document.getElementById("button")
button1.addEventListener("click", addItem)
function addItem() {
let item = document.getElementById("input").value
let add = document.getElementById("listGroup")
let makeLi = document.createElement("li")
let makeText = document.createTextNode(item)
makeLi.className += "list-group-item"
let icon = document.createElement("i")
icon.className += "fa fa-times"
add.appendChild(makeLi).appendChild(makeText)
}
function revomeItem() {
}
makeLi.onclick = function(){
this.remove();
};
var div1 = document.getElementById("div-01")
div1.addEventListener("click", removeItem);
function removeItem(e){
e.target.remove();
}