似乎点击按钮没有响应并且每次点击都会增加数字

Question

这是我的代码，当我点击 INCREMENT 按钮时没有任何反应，我不知道我错过了什么：

let increment = document.getElementById("increment")
increment.addEventListener("click", plus());
let count = 0

function plus() {
  let count = 0
  document.getElementById("displayScreen").innerText = count++
}

<div class="frame">
  <div id="displayScreen">-</div>
  <div id="container-btn">
    <button id="reset">reset</button>
    <button id="increment">increment</button>
  </div>
</div>

Answer 1

我发现了一些问题：

每次调用 plus 时，您将 count 初始化为 0。
count++表示先赋值，即递增。这样，您第一次单击增量时，该值仍将是 0，而不是您想要的 1。
addEventListener 应该在第二个参数上得到回调（当 click 按钮时应该调用的函数。you did 在第二个参数中调用 plus，返回 undefined（因为 plus 中没有 return 语句），到 addEventListener.

我添加到工作代码中：

let increment = document.getElementById("increment");
increment.addEventListener("click", plus);
let count = 0;

function plus() {
  document.getElementById("displayScreen").innerText = ++count;
}

<div id="displayScreen">-</div>
<div id="container-btn">
  <button id="reset">reset</button>
  <button id="increment">increment</button>
</div>

似乎点击按钮没有响应并且每次点击都会增加数字

It seems click button doesnt respond and increment the number each click

html

css

click

addeventlistener