Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/377.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么我的点击数都是加在一起的,而不是分开计算? 投票! var x=0; 函数countClicks(){ x+=1 document.getElementById(“计数”).innerHTML=x; 点击计数++; 返回true; } var x=0; 函数countClicks1(){ x+=1 document.getElementById(“counting1”).innerHTML=x; 点击计数++; 返回true; } var x=0; 函数countClicks2(){ x+=1 document.getElementById(“counting2”).innerHTML=x; 点击计数++; 返回true; }_Javascript_Html_Count_Counter - Fatal编程技术网

Javascript 为什么我的点击数都是加在一起的,而不是分开计算? 投票! var x=0; 函数countClicks(){ x+=1 document.getElementById(“计数”).innerHTML=x; 点击计数++; 返回true; } var x=0; 函数countClicks1(){ x+=1 document.getElementById(“counting1”).innerHTML=x; 点击计数++; 返回true; } var x=0; 函数countClicks2(){ x+=1 document.getElementById(“counting2”).innerHTML=x; 点击计数++; 返回true; }

Javascript 为什么我的点击数都是加在一起的,而不是分开计算? 投票! var x=0; 函数countClicks(){ x+=1 document.getElementById(“计数”).innerHTML=x; 点击计数++; 返回true; } var x=0; 函数countClicks1(){ x+=1 document.getElementById(“counting1”).innerHTML=x; 点击计数++; 返回true; } var x=0; 函数countClicks2(){ x+=1 document.getElementById(“counting2”).innerHTML=x; 点击计数++; 返回true; },javascript,html,count,counter,Javascript,Html,Count,Counter,嗯 因为x是一个全局变量,clickCount总是使用同一个变量 另外,我建议您干燥代码,并使函数基于一个参数运行,您不需要3个函数,它们都做完全相同的事情。var x是一个全局变量。声明后,函数将使用相同的变量。因此,在countClicks和countClicks1中,它们都使用相同的变量 将第二个更改为使用var x2=0 <html> <head> <meta content="text/html; charset=utf-8" http-equiv="C

因为x是一个全局变量,clickCount总是使用同一个变量


另外,我建议您干燥代码,并使函数基于一个参数运行,您不需要3个函数,它们都做完全相同的事情。

var x
是一个全局变量。声明后,函数将使用相同的变量。因此,在
countClicks
countClicks1
中,它们都使用相同的变量

将第二个更改为使用
var x2=0

<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Vote!</title>

<script type="text/javascript">
var x = 0;
function countClicks() {



x += 1
document.getElementById( "counting" ).innerHTML = x;

    ClickCount++;
    return true;
}

</script>

<script type="text/javascript">
var x = 0;
function countClicks1() {
x += 1
document.getElementById( "counting1" ).innerHTML = x;

    ClickCount++;
    return true;
}

</script>

<script type="text/javascript">
var x = 0;
function countClicks2() {



x += 1
document.getElementById( "counting2" ).innerHTML = x;

    ClickCount++;
    return true;
}

</script>

</head>
<body>

<div id="chart1">
<ul>
<li>
<img src="../Pictures/BWS + L.A +KUSH/Game.RED_Album_Cover.jpg" alt="red album"><br>
<input type="button" value="VOTE" name="clickOnce" onclick="return countClicks();" />
<div id="counting"></div>
</li>
<li>
<img src="../Pictures/BWS + L.A +KUSH/Game.RED_Album_Cover.jpg" alt="red album"><br>
<input type="button" value="VOTE" name="clickOnce" onclick="return countClicks1();" />
<div id="counting1"></div>
</li>
<li>
<img src="../Pictures/BWS + L.A +KUSH/Game.RED_Album_Cover.jpg" alt="red album"><br>
<input type="button" value="VOTE" name="clickOnce" onclick="return countClicks2();" />
<div id="counting2"></div>
</li>
</ul>
</div>

</body>

</html>