[英]HTML button calling Event listener not working HTML and JS
I have made a list of items with JSON and JS and I need to be able to delete them.我已经列出了 JSON 和 JS 的项目列表,我需要能够删除它们。
function deleteList(){
document.querySelector('#delete').addEventListener('click', (e) => {
document.querySelector('#exerciseList').innerHTML = '';
});
}
Here is my HTML button:这是我的 HTML 按钮:
<button onclick="deleteList()" id="delete">Clear List</button>
<section id="exerciseList"></section>
are these just not connected right?这些只是没有连接对吗?
You either add an event listener or the onclick
attribute, so您可以添加一个事件侦听器或
onclick
属性,所以
function deleteList() { document.querySelector("#exerciseList").innerHTML = ""; }
<button onclick="deleteList()" id="delete">Clear List</button> <section id="exerciseList">list</section>
or, recommended:或者,推荐:
document.querySelector("#delete").addEventListener("click", e => { document.querySelector("#exerciseList").innerHTML = ""; });
<button id="delete">Clear List</button> <section id="exerciseList">list</section>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.