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