HTML 按鈕調用事件偵聽器不起作用 HTML 和 JS

Question

我已經列出了 JSON 和 JS 的項目列表，我需要能夠刪除它們。

function deleteList(){
  document.querySelector('#delete').addEventListener('click', (e) => {
    document.querySelector('#exerciseList').innerHTML = '';
  });
}

這是我的 HTML 按鈕：

<button onclick="deleteList()" id="delete">Clear List</button>
<section id="exerciseList"></section>

這些只是沒有連接對嗎？

Answer 1

您可以添加一個事件偵聽器或onclick屬性，所以

 function deleteList() { document.querySelector("#exerciseList").innerHTML = ""; }

 <button onclick="deleteList()" id="delete">Clear List</button> <section id="exerciseList">list</section>

或者，推薦：

 document.querySelector("#delete").addEventListener("click", e => { document.querySelector("#exerciseList").innerHTML = ""; });

 <button id="delete">Clear List</button> <section id="exerciseList">list</section>