Question

我之前尝试过，但它不起作用。是代码的错误吗？

<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>

Answer 1

您需要将行var x = 0;移动到函数count之外的某个位置，以使其位于全局范围内。这意味着函数count对其进行的更改将保持不变。

e.g。

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

Answer 2

X似乎被声明为局部变量，因此每次调用函数时它都将重置为零。尝试移动“var x = 0;”在函数之外（进入全局范围）。

Answer 3

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

Javascript - 如何编写点击计数器？

3 个答案: