javascript - 单击时分配一个值

Question

我正在尝试使用 onclick 事件将整数分配给可变变量(运行记分卡)。

这个想法是，用户将单击一个按钮，根据他们对按钮的选择，onclick 事件将用一个值更新变量 runningTally。

我的代码将值插入到 HTML 页面，但它会自动插入所有可能值的总和，而不仅仅是 onclick 中的值。

我尝试过多种方式重写代码但没有成功。有人可以提供一些帮助吗？

var one = document.getElementById('1');
var two = document.getElementById('2');
var btn = document.getElementById('showtally');

let runningTally = 0;

function score(points) {
    runningTally += points;
    document.getElementById('showtally').innerHTML = runningTally;
};

one.onclick = score(5);
two.onclick = score(4);

Answer 1

您可以像这样附加事件监听器:

let runningTally = 0;

function score(points) {
  runningTally += points;
  document.getElementById('showtally').innerHTML = runningTally;
};

<button id="1" onclick="score(5)">1</button>
<button id="2" onclick="score(4)">2</button>
<div id="showtally"></div>