Javascript 如何在我的网站上设置星级_Javascript_Html_Css

Javascript 如何在我的网站上设置星级

javascript html css

Javascript 如何在我的网站上设置星级,javascript,html,css,Javascript,Html,Css,嗨，我想在我的网页上放一个评级星。我正在做这个，但我不知道如何添加评级和显示平均数，我必须使用本地存储吗这是我的代码，非常简单 Javascript代码 <script> function signal(numero){ for (var i=1; i<numero; i++){ //document.write(i); document.getElementById("valor"+i).style.backgroundColo

嗨，我想在我的网页上放一个评级星。我正在做这个，但我不知道如何添加评级和显示平均数，我必须使用本地存储吗

这是我的代码，非常简单

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


}


功能信号（数字）{
对于（var i=1；i，如果要跟踪投票并向每个新用户显示平均值，则必须使用某种形式的后端数据库
您可以将5颗星视为具有5个选项的表单选择框的另一个变体
您设置了一个javascript事件，该事件将用户对特定项的选择发布到服务器，然后服务器将与数据库对话，并告诉它检查此项的记录是否存在。如果存在，它将使用新数据更新该记录，否则它将添加新记录
在服务器创建页面的过程中，它会询问数据库平均值是多少，并以图形方式将其显示给用户。在我们帮助您之前，您需要做更多的解释。“放星级”在你的网站上是非常模糊的。考虑使用FoTaWoSeMe-然后你可以使用CSS来调整星体。MMM OK，那么我必须把这些数字保存在数据库中，并把它们平均化。
<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>