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; }
嗯 因为x是一个全局变量,clickCount总是使用同一个变量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
另外,我建议您干燥代码,并使函数基于一个参数运行,您不需要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>