Je suis en train de mettre en place un questionneur pour certains de mes étudiants et je suis bloqué.
J'ai plusieurs questions à poser à mes étudiants. Toutes les questions sont de type oui/non et sont sélectionnées dans une liste déroulante. Le "Non" restera toujours à 0 mais le "Oui" aura un chiffre compris entre 0 et 100 pour chaque question. J'essaie d'additionner ces valeurs sélectionnées pour obtenir un total et pouvoir afficher un score/résultat.
J'ai joint le HTML et le JS pour additionner les valeurs de chacune des listes déroulantes (tout va bien jusqu'ici).
function submit() { let total=0; document.querySelectorAll('select').forEach(element => { total += parseInt(element.value); }); console.log(total); }
console.log = function(message) {
document.getElementById('result').innerHTML = message;};
console.log('');
<p> 1. Did you attend summer training?
<select id="select1">
<option value="0">NO</option>
<option value="9">YES</option>
</select>
</p>
<p> 2. Have you passed all your grades?
<select id="select2">
<option value="0">NO</option>
<option value="22">YES</option>
</select>
</p>
<p> 3. Have you completed summer assignments?
<select id="select3">
<option value="0">NO</option>
<option value="37">YES</option>
</select>
</p>
<button onclick="submit()">Submit</button>
<div id="result"></div> Mon dernier obstacle est qu'en fonction du résultat final, c'est-à-dire lorsque j'appuie sur le bouton "Envoyer", je veux afficher une division spécifique avec du texte juste en dessous du résultat/de la note pour chaque plage de notes (c'est-à-dire tout résultat compris entre 0-20, 20-40, 40-60, 60-100). Par exemple, si le résultat se situe entre 20 et 30. Je veux afficher une division spécifique sous le résultat qui aura un texte explicatif et le reste des divisions pour chaque gamme de score sera caché.
Je ne suis pas très versé dans les JS et j'apprécierais un peu d'aide ou de conseils. J'ai ajouté mon code pour référence
