Je veux une valeur mise à jour pour modifier la position de la poignée de curseur et mettre à jour « score de notation »

Note: Je suis très nouveau pour le développement webJe veux une valeur mise à jour pour modifier la position de la poignée de curseur et mettre à jour « score de notation »

Vue d'ensemble de mon objectif: j'ai une des données qui a une valeur qui change tous les la semaine. Cette valeur déterminera l'emplacement du curseur dans le curseur et mettra à jour le "score" actuel. Par exemple, si cette semaine la valeur est .25, le handle doit être à .25 sur le curseur et le classement devrait être ".25" Tout cela devrait arriver une fois que l'utilisateur arrive à cette page.

Ce que j'ai en ce moment: Je travaille toujours sur la façon d'obtenir la valeur de cette valeur permet de dire semaines est » 0,5" je recherchais et vu le « onload » serait ma meilleure option pour changer le score d'évaluation, mais il ne met pas à jour le score. En ce qui concerne la poignée du curseur, j'ai essayé de mettre à jour le score d'évaluation d'abord puis d'insérer cette valeur sur la valeur du curseur = "", mais rien ne se passe.

HTML:

<p id="rating" onload="myFunction()">Rating: <span id="ahtaRating">0</span></p> 
<input type="range" min=".00" max="1" value="ahtaRating.value=value" class="slider" id="myRange" step=".01">

javascript:

function myFunction() { 
var x = .5 
return document.getElementById("ahtaRating").innerHTML = x 
}

Source

2017-10-03 Josh Mullins

Ce Snipped devrait vous aider. J'ai également ajouté un bouton pour réinitialiser, et un événement onchange de sorte que lorsque vous utilisez la diapositive, il change également la valeur de l'échelle html.

 function myFun(val) { 
 
      document.getElementById("ahtaRating").innerHTML = val; 
 
     } 
 
     
 
     function initRange(val) { 
 
      document.getElementById("myRange").value = val; 
 
      document.getElementById("ahtaRating").innerHTML = val; 
 
     }

<body onload="initRange(1);"> 
 
    <p id="rating" > 
 
    Rating: <span id="ahtaRating"> 0.5 </span> 
 
    </p> 
 
    <input id="myRange" type="range" step=".01" min=".00" max="1" onchange="myFun(this.value);" class="slider" > 
 
    <button onclick="initRange(0.5);">reset</button> 
 
</body>

Source

2017-10-03 14:55:30 Koop4

Je veux une valeur mise à jour pour modifier la position de la poignée de curseur et mettre à jour « score de notation »

Répondre

Questions connexes