JavaScript - 如何编写一个点击计数器？

Question

JavaScript - 如何编写一个点击计数器？

5

我之前尝试过，但是没有成功。这段代码有问题吗？

<script type ="text/javascript">
function count()
{
var x = 0;
x += 1;
document.getElementById( "counting" ).value = x;
}
</script>
</head>
<body>

<input type ="button" value = "Click" onclick = "count()"/><br><br>
<input id = "counting" type = "text" />

</body>

- Programme Newbie

3个回答

1

X 看起来被声明为一个局部变量，因此每次调用该函数时都会被重置为零。尝试将 "var x = 0;" 移动到函数外（全局范围内）。

- BlueMonkMN

1

每次单击按钮时，您都将x初始化为0。尝试在函数外使用var x=0;。

- Soufiane Hassou

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- barkmadley · Accepted Answer

为了使变量 var x = 0; 在全局范围内，你需要将其移到函数 count 之外。这意味着由函数 count 对其所做的更改将持久保存。

例如:

var x = 0;
function count() {
    x += 1;
    document.getElementById( "counting" ).value = x;
}