javascript - 如何在点击时增加计数器？

Question

我有以下 HTML:

<button id="ES" class="select" type="button">Select</button>
<h2>Total Units: <span id="totalselected"></span></h2>

和脚本:

var units=0;
document.getElementById('ES').onclick = function() {
    var units=units+2;
    document.getElementById("totalselected").innerHTML = units;
}​;​

我希望在单击按钮时，将 + 2 添加到计数器。
它从 0 开始并显示在网页上。

单击按钮时，数字跳到两个。
如果再次点击，数字会跳到四。

Answer 1

删除 units 上的第二个 var

var units=0;
    document.getElementById('ES').onclick = function() {
    units=units+2; // here
    document.getElementById("totalselected").innerHTML = units;
};

DEMO