Toutela - Le site des Internautes

Le but de ce script est de proposer au visiteur un petit jeu sous forme de QCM (questions à choix multiple), avec affichage du score et des solutions.

Exemple :

Le code :

Entre <HEAD> et </HEAD> :

// la liste des bonnes réponses
var r1 = 'Coincoin';
var r2 = 'canard';
var r3 = 'le meilleur du monde';

function compare(variable,question,reponse) {

// on vérifie que les solutions ne soient pas affichées...
if ( document.formulaire.solution.value != '' ) {
alert('Vous avez affiche les solutions !!');
return false;
}

// on initialise le champ caché qui dira si la question a déjà été répondue
deja = eval('document.formulaire.' + question);

// si la question a déjà été répondue...
if ( deja.value == '1' ) {
alert('Vous avez deja repondu !');
return false;
}

// sinon...
else {

// on compare la bonne réponse à ce qui a été coché
if ( reponse == variable ) {

// si les deux sont identiques
score += 5;

// et on marque que la question a déjà été répondue
deja.value = '1';
}
else {

// si la réponse ne correspond pas on ne fait que marquer la question comme déjà répondue
deja.value = '1';
}
}
}

function total() {

// affichage du score
document.formulaire.resultat.value = score;

// si le score atteint le maximum, on change le contenu des 'solutions'
if (score == '15') {
document.formulaire.solution.value += 'Effectivement les bonnes reponses etaient :\n';
}

// quelque soit le score, on affiche les solutions
document.formulaire.solution.value += '1) Quel est le prenom de Coincoin le canard : ' + r1;
document.formulaire.solution.value += '\n2) et c\'est un : ' + r2;
document.formulaire.solution.value += '\n3) Ce jeu est : ' + r3;
}
</script>

Entre <BODY> et </BODY> :

<form name="formulaire">
Quel est le prénom de 'Coincoin le Canard' ?

<input type="radio" name="question1" OnClick="compare(r1,q1.name,'daffy');"> Daffy
<input type="radio" name="question1" OnClick="compare(r1,q1.name,'donald');"> Donald
<input type="radio" name="question1" OnClick="compare(r1,q1.name,'Coincoin');"> Coincoin
<input type="hidden" name="q1" value="">
et c'est un :

<input type="radio" name="question2" OnClick="compare(r2,q2.name,'canard');"> canard
<input type="radio" name="question2" OnClick="compare(r2,q2.name,'poulet');"> poulet
<input type="radio" name="question2" OnClick="compare(r2,q2.name,'chien');"> chien
<input type="hidden" name="q2" value="">

Ce jeu est :

<input type="radio" name="question3" OnClick="compare(r3,q3.name,'nul');"> nul
<input type="radio" name="question3" OnClick="compare(r3,q3.name,'interessant');"> intéressant
<input type="radio" name="question3" OnClick="compare(r3,q3.name,'le meilleur du monde');"> le meilleur du monde
<input type="hidden" name="q3" value="">

<input type="button" value="Score final..." onclick="total();"> <input type="text" name="resultat" size="5">
Les bonnes reponses étaient :
<textarea name="solution" cols="40" rows="6" wrap= "real">

Newsletter

Toutela