Javascript 是否有一种方法可以自动订购一组clickCount'；s_Javascript_Html_Click Counting

Javascript 是否有一种方法可以自动订购一组clickCount'；s

javascript html

Javascript 是否有一种方法可以自动订购一组clickCount'；s,javascript,html,click-counting,Javascript,Html,Click Counting,在接下来的编码中，我有3个垂直点击计数，我想知道是否有这样的代码可以自动将最高点击计数上移到顶部：以下是我目前掌握的代码： <!DOCTYPE html> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <script type="text/javascript"> function countClicks() {

在接下来的编码中，我有3个垂直点击计数，我想知道是否有这样的代码可以自动将最高点击计数上移到顶部：

以下是我目前掌握的代码：

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


函数countClicks（）{
var x=0；
x+=1
document.getElementById（“计数”）.innerHTML=x；
var clickLimit=1；//最大点击次数
如果（x>=单击限制）{
}
其他的
{
点击计数++；
返回true；
}
}
函数countClicks1（）{
var x=0；
x+=1
document.getElementById（“counting1”）.innerHTML=x；
var clickLimit=1；//最大点击次数
如果（x>=点击限制）{
}
其他的
{
点击计数++；
返回true；
}
}
函数countClicks2（）{
var x=0；
x+=1
document.getElementById（“counting2”）.innerHTML=x；
var clickLimit=1；//最大点击次数
如果（x>=点击限制）{
}
其他的
{
点击计数++；
返回true；
}
}

DOM可以通过任意条件进行操作。如果您用一个适当的id为div（或span）的div（或span）来包装每个部分，您可以将其从一个位置移除，然后像正常情况一样放置在另一个位置。如果它是一个有序列表，依我看，它应该存在于一个实际的有序列表中，尽管这不是严格必要的，它只是更具语义性。

PS我真的建议重构代码；它的大小是需要的3倍，这是一个认知障碍。此外，删除不必要的代码（如此处的CSS）和空白，以及适当的缩进，对于帮助他人帮助您也大有帮助。