自排序投票系统

Self ordering voting system

本文关键字：系统 排序      更新时间：2023-09-26

我需要一些基于javascript的代码，可以帮助我的投票系统。基本上，我正在努力弄清楚如何让我的项目，接受投票移动到秩序本身LIVE。因此，如果一个项目有52票，下面的项目获得2票，达到54票，我希望它与上面的1交换位置。

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

<style>
#counting {
font-family:avante;
font-size:20px;
border:0px;
}
#counting1 {
font-family:avante;
font-size:20px;
border:0px;
}
</style>

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

x += 1
document.getElementById( "counting" ).value = 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" ).value = x;
var clickLimit = 1; //Max number of clicks
if(x>=clickLimit) {
            }
else
{
    ClickCount++;
    return true;
}
}
</script>

</head>
<body>

<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();" />        <br>
<input id="counting" type="text">
<br>
<br>
<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();" />   <br>
<input id="counting1" type="text">

</body>
</html>

由于投票(大概)存储在服务器上，因此需要定期请求更新的数据(例如使用XHR)。显然，这需要有一个服务器端程序来生成数据(JSON是一种很好的数据格式选择)。一旦有了数据，就可以使用它来决定HTML元素的出现顺序，并使用insertBefore和appendChild

移动它们
相关文章：