您好我想在我的页面中添加评分星。我正在制作这个,但我不知道如何添加评级并显示平均数,我可以使用本地存储吗?
这是我的代码,很简单
Javascript代码
<script>
function signal(numero){
for (var i=1; i<numero; i++){
//document.write(i);
document.getElementById("valor"+i).style.backgroundColor="red";
//console.log(i);
}
}
function outsignal(numero){
for (var i=1; i<numero; i++){
//document.write(i);
document.getElementById("valor"+i).style.backgroundColor="";
//console.log(i);
}
}
function puntaje(numero){
//var datos = new Array();
}
function puntaje(numero){
}
这是HTML代码
<body>
<div id="rating">
<div id="valor1" onmouseover="signal(2)" onmouseout="outsignal(2)" onclick="puntaje(1)"></div>
<div id="valor2" onmouseover="signal(3)" onmouseout="outsignal(3)" onclick="puntaje(2)"></div>
<div id="valor3" onmouseover="signal(4)" onmouseout="outsignal(4)" onclick="puntaje(3)"></div>
<div id="valor4" onmouseover="signal(5)" onmouseout="outsignal(5)" onclick="puntaje(4)"></div>
<div id="valor5" onmouseover="signal(6)" onmouseout="outsignal(6)" onclick="puntaje(5)"></div>
</div>
</body>
答案 0 :(得分:0)
如果要跟踪投票并显示每个新用户的平均值,则必须使用某种形式的后端数据库。
您可以将5颗星视为具有5个选项的表单选择框的另一种变体。
你设置了一个javascript事件,它将用户对特定项目的选择发布到服务器,然后服务器将与数据库通信并告诉它检查该项目的记录是否存在,如果它存在,它将更新记录新数据,否则将添加新记录。
在服务器创建页面期间,它会询问数据库的平均值是什么,并以图形方式显示给用户。