JavaScript中的功能只能工作一次

Question

我正在为按钮使用此功能：

points1 = 0;
function onclick1 (points1) {
    points1 += 5;
    document.getElementById("point1").innerHTML = points1;
}

现在，此功能仅在第一次单击按钮时起作用，而在随后的单击中不起作用。 我如何解决它？

Answer 1

您要在函数中将points1作为var传入。 尝试将其更改为->

points1=0;

function onclick1(){
points1+=5;
document.getElementById("point1").innerHTML=points1;

}

Answer 2

您已将points1声明为函数参数，因此它隐藏了具有相同名称的全局变量。 删除该参数，它应该可以工作：

var points1=0;
function onclick1(){
    points1+=5;
    document.getElementById("point1").innerHTML=points1;
}

Answer 3

尝试这个

<!DOCTYPE html>
<html>
<head>
<script>
point1 = 0;
function myFunction()
{
point1 += 5;
document.getElementById("demo").innerHTML=point1;
}
</script>
</head>
<body>

<p>Click the button to trigger a function.</p>

<button onclick="myFunction()">Click me</button>

<p id="demo"></p>

</body>
</html>

JavaScript中的功能只能工作一次

问题描述

3 个解决方案

解决方案1
4 2014-01-11 04:30:29

解决方案2
3 2014-01-11 04:30:51

解决方案3
0 2014-01-11 04:47:17

JavaScript中的功能只能工作一次

问题描述

3 个解决方案

解决方案1 4 2014-01-11 04:30:29

解决方案2 3 2014-01-11 04:30:51

解决方案3 0 2014-01-11 04:47:17

解决方案1
4 2014-01-11 04:30:29

解决方案2
3 2014-01-11 04:30:51

解决方案3
0 2014-01-11 04:47:17