Quizz Javascript et .html
Résolu
GTCoraps_
-
GTCoraps_ -
GTCoraps_ -
bonjour j'essaye actuellement de faire un quizz pour un TP qu'un professeur ma donné.
je suis debutant et voila se que j'ai commencer a faire. je suis sur un echec pour le moment.
HTML
JS
la partie du code javascript c'est le professeur qui nous la donné et je ne comprend pas dutout
y a t'il moyen de m'aidé ? merci d'avance
je suis debutant et voila se que j'ai commencer a faire. je suis sur un echec pour le moment.
HTML
<section class=GT> <h2>Description :</h2> <p class=GT2> <!-- balise pour rédiger un paragraphe --> Ce Quizz est realiser pendant la 3eme partie du cour d'ICN </br> <form> <div class="blocQuizz" > <!-- Début du bloc --> <div class="question" > Question 1 : 41-27 est egale a ? </br> </br> <input name="q1" value="0" type="radio" /> 4 </br> <input name="q1" value="0" type="radio" /> 68 </br> <input name="q1" value="1" type="radio" /> 14 </div> <!-- Fin du bloc pour la question 1 --> </br> <div class="question" > Question 2 : 11*51 est egale a ? </br> </br> <input name="q2" value="1" type="radio" /> 561 </br> <input name="q2" value="0" type="radio" /> 511 </br> <input name="q2" value="0" type="radio" /> 516 </div> </br> <div class="question" > Question 3 : 0.1,-0.1,0.05 lequel est le plus proche de 0 ? </br> </br> <input name="q3" value="0" type="radio" /> 0.1 </br> <input name="q3" value="0" type="radio" /> -0.1 </br> <input name="q3" value="1" type="radio" /> 0.05 </div> </br> <div class="question" > Question 4 : Le singe habite t'il en france ? </br> </br> <input name="q4" value="0" type="radio" /> oui </br> <input name="q4" value="1" type="radio" /> non </br> <input name="q4" value="1" type="radio" /> peut etre dans les zoo </div> </form> </br> <input class="boutton" value="valider" type="button" onclick="verification()" /> </p </section>
JS
function verification() /* Fonction qui compte le nombre de bonnes réponses */ { var somme=0; /* On initialise la variable somme à 0 */ var nombreDeQuestions=4; /* Nombre total de questions dans le quizz */ for (var question=1; question<=nombreDeQuestions; question++) { var tableauDeQuestions = document.forms['quiz'].elements['q'+question]; for (var i=0; i<tableauDeQuestions.length; i++) { if (tableauDeQuestions[i].checked && tableauDeQuestions[i].value=="1") { somme++; /* On augmente la somme de 1 */ } } } alert("Vous avez "+somme+" bonnes réponses sur "+nombreDeQuestions); }
la partie du code javascript c'est le professeur qui nous la donné et je ne comprend pas dutout
y a t'il moyen de m'aidé ? merci d'avance
A voir également:
- Quizz Javascript et .html
- Editeur html - Télécharger - HTML
- Logo quizz - Télécharger - Jeux vidéo
- Telecharger javascript - Télécharger - Langages
- Br html ✓ - Forum Webmastering
- Afficher un tableau javascript en html ✓ - Forum Javascript
3 réponses
Salut, tu as oublié de nommé ton formulaire "quiz" :)
Il faut aussi revoir ton code html, c'est pas très propre ;)
<form name="quiz">
Il faut aussi revoir ton code html, c'est pas très propre ;)
Bonjour,
En complément de la réponse de stéphane :
Qu'est-ce que tu ne comprends pas au juste ?
var qqchose sert à déclarer une variable
if ... pour faire un test ( se traduit par " SI... " en français )
for( pour faire une boucle ( de tant à tant ... )
exemple :
Récupère la valeur de l'élément du formulaire ayant comme nom q + un chiffre et le stocke dans la variable tableauDeQuestions
Voir plus d'infos sur forms.elements https://www.w3schools.com/jsref/coll_form_elements.asp
somme++ : le ++ sert à incrémenter
Comme indiqué dans le commentaire du code ... ajoute 1 à la variable somme
En complément de la réponse de stéphane :
Qu'est-ce que tu ne comprends pas au juste ?
var qqchose sert à déclarer une variable
var i = 10; // initialisation de la variable i avec la valeur 10
if ... pour faire un test ( se traduit par " SI... " en français )
if(i == 10 ){ // si la variable i vaut 10 ... alors alert(" i vaut 10 ! "); }
for( pour faire une boucle ( de tant à tant ... )
exemple :
for(var i=0; i<=10;i++){ //boucle de 0 à 10 console.log("i = " + i); }
tableauDeQuestions = document.forms['quiz'].elements['q'+question]
Récupère la valeur de l'élément du formulaire ayant comme nom q + un chiffre et le stocke dans la variable tableauDeQuestions
Voir plus d'infos sur forms.elements https://www.w3schools.com/jsref/coll_form_elements.asp
somme++ : le ++ sert à incrémenter
Comme indiqué dans le commentaire du code ... ajoute 1 à la variable somme