Face cachée

Lorsque votre questionnaire est à l'écran, vous pouvez cliquer sur "affichage" ... "source" ... Et, sous vos yeux médusés apparaissent alors des lignes de caractères incompréhensibles ... Ce n'est pas du Javanais ... Juste du Javasript !

Vous pourrez, en changeant quelques termes 

• Choisir l'ordre des réponses,
• Entrer des messages qui accompagneront l'annonce des scores.

Au début, ça paraît un peu complexe, mais après quelques essais, on parvient à s'en sortir. J'ai fait apparaître les propositions en caractères rouges.

//function to display the answers
function display_answers(){
if (document.quiz.answer1[0].checked == true) document.quiz.a1.value=" A";
if (document.quiz.answer1[1].checked == true) document.quiz.a1.value=" B";
if (document.quiz.answer1[2].checked == true) document.quiz.a1.value=" C";
if (document.quiz.answer1[3].checked == true) document.quiz.a1.value=" D";
if (document.quiz.answer2[0].checked == true) document.quiz.a2.value=" A";
if (document.quiz.answer2[1].checked == true) document.quiz.a2.value=" B";
if (document.quiz.answer2[2].checked == true) document.quiz.a2.value=" C";
if (document.quiz.answer2[3].checked == true) document.quiz.a2.value=" D";
if (document.quiz.answer3[0].checked == true) document.quiz.a3.value=" A";
if (document.quiz.answer3[1].checked == true) document.quiz.a3.value=" B";
if (document.quiz.answer3[2].checked == true) document.quiz.a3.value=" C";
if (document.quiz.answer3[3].checked == true) document.quiz.a3.value=" D";
if (document.quiz.answer4[0].checked == true) document.quiz.a4.value=" A";
if (document.quiz.answer4[1].checked == true) document.quiz.a4.value=" B";
if (document.quiz.answer4[2].checked == true) document.quiz.a4.value=" C";
if (document.quiz.answer4[3].checked == true) document.quiz.a4.value=" D";
if (document.quiz.answer5[0].checked == true) document.quiz.a5.value=" A";
if (document.quiz.answer5[1].checked == true) document.quiz.a5.value=" B";
if (document.quiz.answer5[2].checked == true) document.quiz.a5.value=" C";
if (document.quiz.answer5[3].checked == true) document.quiz.a5.value=" D";
}

//function total the quiz answers, assigns correct answers in array.
function total() {
var tot = 0;
//answer#[0-3] 0=A, 1=B, 2=C, 3=D

Vous pouvez changez la position des bonnes réponses (au bout d'un petit moment les enfants connaissent par cœur leur emplacement). 

Modifier alors ce qui apparaît en rouge ... Sachant que [0] vaut A,  [1] vaut B  etc. ...

if (document.quiz.answer1[1].checked == true) {tot += 1; document.quiz.q1.value="B";}
if (document.quiz.answer2[1].checked == true) {tot += 1; document.quiz.q2.value="B";}
if (document.quiz.answer3[2].checked == true) {tot += 1; document.quiz.q3.value="C";}
if (document.quiz.answer4[2].checked == true) {tot += 1; document.quiz.q4.value="C";}
if (document.quiz.answer5[0].checked == true) {tot += 1; document.quiz.q5.value="A";}

Vous pouvez également modifier les messages d'encouragements (en rouge) contenus entre les guillemets. 

if (tot==5) {document.quiz.totalscore.value ="5 sur 5, Vous êtes très, très fort !";}
else if (tot==4) {document.quiz.totalscore.value ="4 sur 5, encore un effort !";}
else if (tot==0) {document.quiz.totalscore.value ="0 sur 5 ... Aïe !";}
else if (tot==1) {document.quiz.totalscore.value =" Une seule réponse correcte sur 5 !";}
else {document.quiz.totalscore.value = "Vous avez " + tot + " réponses correctes sur 5.";}
}
// --></SCRIPT>