javascript - 无论按钮被点击多少次，事件处理程序只执行一次函数。为什么会这样？

Question

每次单击 id 为“confirmTitle”的按钮时，它应该执行 clickedCallback 函数，最终执行 addCategory 函数。

但为什么没有发生这种情况？

function clickedCallback() {
  var num = Math.floor(Math.random() * 1000);
  console.log("clicked" + num);
  var checklist = document.querySelector(".checklistCreator");
  addCategory(checklist);
};

function addCategory(element) {
  element.innerHTML += "Here";
}
document.querySelector("#confirmTitle").addEventListener("click", clickedCallback);

<h1>Create Checklist</h1>
<div class="checklistCreator">
  <div class="title">
    <input type="text" placeholder="Enter the title">
    <button id="confirmTitle">Add Title</button>
  </div>
</div>

标签： javascriptevents