Besoin d'aide pour perfectionner mon quiz

[chancel]

Bonjour,

Voici un script qui permet de récupérer une valeur pour effectuer un calcul de
quantité journalière après plusieurs questions :

// get the element
var element = document.getElementById("calcul_quantite");

// recuperer la valeur saisie par l'internaute
var poids = prq.getSlideValue("Pjil9R9");

var quantite = (poids * 0.03)*1000;

// insert the calculation on the element in the result page
element.innerHTML = "Notre conseil est " +quantite+ " grammes en 2 prises";

Il fonctionne parfaitement seulement j'aimerai pouvoir introduire une condition,
basée sur une réponse de l'utilisateur à une question à choix multiples :
- si l'utilisateur répond A, le calcul sera var quantite = (poids * 0.05)*1000;
- si l'utilisateur répond B ou C, le calcul sera var quantite = (poids *
0.03)*1000;

J'ai tenté en ajoutant ceci pour les différents choix possibles :
var choices1 = document.getElementById("#choice-Rbhg3y7");
var choices2 = document.getElementById("#choice-nlhzVEQ");
var choices3 = document.getElementById("#choice-g5hm7YD");

Mais je ne sais pas trop comment l'intégrer à mon script (je débute en js)
Merci par avance pour votre aide.

[SAM]

Le 19/09/2022 à 12:07, chancel a écrit :
>
> j'aimerai pouvoir introduire une condition,
> basée sur une réponse de l'utilisateur à une question à choix multiples :
> - si l'utilisateur répond A, le calcul sera var quantite = (poids * 0.05)*1000;
> - si l'utilisateur répond B ou C, le calcul sera var quantite = (poids *
> 0.03)*1000;
>
> J'ai tenté en ajoutant ceci pour les différents choix possibles :
> var choices1 = document.getElementById("#choice-Rbhg3y7");
> var choices2 = document.getElementById("#choice-nlhzVEQ");
> var choices3 = document.getElementById("#choice-g5hm7YD");
>
> Mais je ne sais pas trop comment l'intégrer à mon script (je débute en js)
> Merci par avance pour votre aide.

Ce n'est pas une question de JS mais de HTML (formulaire) où un ensemble
de boutons-radio va prendre la valeur de celui coché
https://chatinais.pagesperso-orange.fr/courhtml/formulr/frfodef.htm
ce qui donne en JS (de nos grand mères)
https://chatinais.pagesperso-orange.fr/coursjs/inout/entree/frqcm1.htm

var question = document.forms[0]; // ou document.nomduformulaire
// document.forms est l'ensemble des formulaires de la page
// document.forms[0] est le 1er
// <form name="nomduformulaire">
// je ne sais si en HTML5 on peut encore nommer les formulaires ?

var coef = question.choix.value;
// choix est le nom porté par chacun des trois boutons HTML
// <input type="radio" name="choix" id="#choice-Rbhg3y7" value="0.5">
// <input type="radio" name="choix" id="#choice-nlhzVEQ" value="0.3">
// <input type="radio" name="choix" id="#choice-g5hm7YD" value="0.3">

Mébon ...
puisque la mode est aux divs éperdus et follement imbriqués
et qu'on est parti dans une autre approche ...

var coef = 0;
if(choices2.checked || choices3.checked) coef = 0.3;
if(choices1.checked) coef = 0.5;
if(coef==0) {
alert('veuillez choisir une option à la question');
return; }

var quantite = (poids * coef)*1000;