2011-09-12 6 views
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> 

答えて

0

var xはグローバル変数です。宣言されると、関数は同じ変数を使用します。したがって、countClickscountClicks1の両方で、彼らは同じ変数を使用しています。

使用する秒を変更するvar x2 = 0

1

うーん...

xが常に同じ変数を使用して、グローバル変数とclickCountはあるので...

も、私はあなたのコードを乾燥させるために、あなたを提案し、機能を動作させるだろうパラメータに基づいて、まったく同じことをする3つの関数は必要ありません。

関連する問題