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

删除var

上的第二个units

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

DEMO

Answer 2

改变这个：

var units=units+2;

到此：

units=units+2;  // remove the keyword var

根据你的帖子：

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

要从0开始您的值，您可以在底部移动var unit = unit + 2：

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

Answer 3

<html>
<head>
<script>
 var c=0;
function test()
{
c=c+2;
document.getElementById("cnt").innerHTML=c;
}
</script>
</head>
<body>

<input type="button" value="Click" onClick="test()"/>
Count= <p id="cnt""></p>

</body>
</html>

如何在点击时增加一个计数器？

3 个答案: