有自動訂購一組的clickCount的

在我的編碼，將遵循一種方法，我有3個clickCounts所有垂直和我想知道是否有這樣的代碼自動移動最高的clickCount到頂部：有自動訂購一組的clickCount的

下面是代碼我迄今爲止：

<!DOCTYPE html> 
<html> 

<head> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"> 
<script type="text/javascript"> 

function countClicks() { 
var x = 0; 


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

var clickLimit = 1; //Max number of clicks 
if(x>=clickLimit) { 

      } 
else 
{ 
    ClickCount++; 
    return true; 
} 
} 

</script> 

<script type="text/javascript"> 

function countClicks1() { 
var x = 0; 


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

var clickLimit = 1; //Max number of clicks 
if(x>=clickLimit) { 

      } 
else 
{ 
    ClickCount++; 
    return true; 
} 
} 


</script> 

<script type="text/javascript"> 

function countClicks2() { 
var x = 0; 


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

var clickLimit = 1; //Max number of clicks 
if(x>=clickLimit) { 

      } 
else 
{ 
    ClickCount++; 
    return true; 
} 
} 


</script> 


</head> 
<body> 

<div style="margin-left:100px;"> 
<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> 

<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> 

<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> 
</div>

來源

2011-09-11 user939222

PS我真的會推薦重構代碼;它的尺寸是它需要的3倍，這是一個認知障礙。此外，刪除不必要的代碼（如CSS）和空格以及適當的縮進，可以幫助其他人幫助您。 –

的DOM可以通過任意的標準進行操作。如果你用適當id的div（或跨度）包裹每個部分，你可以從一個地方刪除它，並把它放在另一個正常的地方。如果它是一個有序的列表，它應該存在於一個實際的有序列表中，儘管這不是必須的，它只是更多的語義。

來源

2011-09-11 16:49:43

有自動訂購一組的clickCount的

回答

相關問題