javascript - 增加和减少按钮点击的值

Question

嗨，我怎样才能制作一个按钮来增加和减少一个值？我的按钮在单击一次时加 1，再次单击时将值减 1，因此计数不能超过 1。

我有大约 50 个按钮，目前，当我选择超过 2 个按钮时它会重置，但它必须添加单击一次的按钮的所有值。它周围的站点看起来与此类似:

var clicks = 0;

function clickME() {
  clicks += 1;
  if (clicks == 2) {
    clicks = 0;
  }
  document.getElementById("clicks").innerHTML = clicks;
}

<input type="Button" id="bt" />

Answer 1

考虑到每个按钮(或更一般地每个元素)都是 DOM(文档对象模型)的一部分，每个都是一个对象，所以没有人让你无法使用它们:你可以设置字段 clicks 对于每个按钮 DOM 对象:

function clickME(event) {
    var btn = event.target;
    btn.clicks = ((btn.clicks || 0) + 1) % 2;
    window.clicks = (window.clicks || 0) + btn.clicks * 2 - 1;
    document.getElementById("clicks").innerText = window.clicks;
}

检查您的代码，我还简化了您的逻辑，用 MOD (%) 运算符替换 if 以检查零。此外，我将 innerHTML 替换为 innerText 因为我们不会将数字呈现为 HTML 代码，而是呈现为纯文本，尽管在这种情况下，它没有区别.

注意:不要忘记在 HTML 中使用 onclick 属性传递事件数据对象:

<input onclick="clickME(event)" ...>

看看这个 fiddle : https://jsfiddle.net/57js0ps7/2/