problème de calcul de variables
Posté : 15 août 2019, 11:33
Bonjour,
je rencontre des problèmes en JS. J'ai créé 3 formulaires: dans les 2 premiers un seul choix possible, dans le troisième, on peut faire plusieurs choix. Chaque choix correspond à une valeur qui fait avancer une barre de progression. J'ai réussi à créer 3 fonctions différentes mais du coup, les valeurs de tous les choix ne s'ajoutent pas dans la barre de progression. Merci de votre aide.
je rencontre des problèmes en JS. J'ai créé 3 formulaires: dans les 2 premiers un seul choix possible, dans le troisième, on peut faire plusieurs choix. Chaque choix correspond à une valeur qui fait avancer une barre de progression. J'ai réussi à créer 3 fonctions différentes mais du coup, les valeurs de tous les choix ne s'ajoutent pas dans la barre de progression. Merci de votre aide.
Code : Tout sélectionner
<form >
<input onclick="modif(40)" type="radio" name="gender" value="40" > Consigne 1: Lis le texte et la carte mentale pour les comprendre<br>
<input onclick="modif(20)" type="radio" name="gender" value="20" > Consigne 2: Lis le texte pour le comprendre et compléter la carte mentale<br>
<input onclick="modif(0)" type="radio" name="gender" value="0" checked > Consigne 3: Lis le texte pour le comprendre et construis une carte mentale avec les éléments importants du texte<br>
</form>
<form>
<input onclick="modifier(30)" type="radio" name="gender" value="30" checked > Le texte ne dépasse pas 2000 caractères<br>
<input onclick="modifier(20)" type="radio" name="gender" value="20" checked > Le texte ne dépasse pas 4000 caractères<br>
<input onclick="modifier(10)" type="radio" name="gender" value="10" checked > Le texte ne dépasse pas 6000 caractères<br>
</form>
<form>
<input onclick="modification(10)" type="checkbox" name="composant" value="10">Des éléments du texte ont été surlignés<br>
<input onclick="modification(10)" type="checkbox" name="composant" value="10">Le style accessibilité a été utilisé dans le texte<br>
<input onclick="modification(10)" type="checkbox" name="composant" value="10">Un temps précis est donné à l'élève pour réaliser l'exercice (timer)<br>
</form>
<p>Niveau de difficulté de l'exercice :</p>
<progress id="avancement" value="0" max="100"></progress>
<span id="pourcentage"></span>
Code : Tout sélectionner
function avancement() {
var ava = document.getElementById("avancement");
var prc = document.getElementById("pourcentage");
prc.innerHTML = ava.value + "%";
}
avancement(); //Initialisation
function modif(val) {
var ava = document.getElementById("avancement");
if((ava.value+val)<=ava.max && (ava.value+val)>0) {
ava.value = val;
}
avancement();
}
function modifier(valeur) {
var avan = document.getElementById("avancement");
if((avan.value+valeur)<=avan.max && (avan.value+valeur)>0) {
avan.value = valeur;
}
avancement();
}
function modification(value) {
var avanc = document.getElementById("avancement");
if((avanc.value+value)<=avanc.max && (avanc.value+value)>0) {
avanc.value += value;
}
avancement();
}