Script : une case à cocher

EXEMPLE :

Quelle est la nationalité d'Ellie Peters ?

anglaise
américaine
suédoise

CODE A INSERER POUR AFFICHER LES BOUTONS RADIO:
( comment insérer un code ? cliquez ici )
Remplacez les valeurs en rouge par les possibilités offertes.

<BODY>
<br><input type="radio" name="b1" value="1">anglaise
<br><input type="radio" name="b1" value="2">américaine
<br><input type="radio" name="b1" value="3">suédoise
</BODY>

Notes :
- ce code est du html, il crée 3 "boutons radio" dont un seul peut être choisi. Ces trois boutons sont liés entre eux parce qu'ils ont le même "name" : "b1". Un seul peut être coché en même temps. Vous pouvez changer "b1" et devez le faire si vous mettez plusieurs groupes de boutons radio dans votre page. Vous pouvez aussi cahnger la valeur (value) attribuée aux boutons.

CODE A INSERER POUR ANALYSER LES REPONSES :
1) dans la "tête" de la page html (head)

<html>
<head>
<script language="javascript">
function reponse(valeur){
if (valeur=="1") alert("Oui !")
else alert("Non, elle est anglaise")
}
</script>
</head>

En rouge les noms de variables et de fonction que vous pouvez modifin bleu, les commentaires et la valeur de la réponse, à modifier également.

La fonction reponse (vous pouvez lui donner un autre nom) regarde si la valeur transmise (voir plus bas) est égale à 1 : 1 est en effet la valeur du bouton qui correspond à la bonne réponse. Si la valeur est égale à 1, une boîte de réponse apparaît qui indique : Oui, sinon (else) une boîte de réponse apparaît avec la bonne réponse : elle est anglaise.

2) dans le "corps" de la page (body), à l'intérieur de la balise "bouton" :

<br><input type="radio" name="b1" value="1" onclick="javascript:reponse(this.value)">anglaise
<br><input type="radio" name="b1" value="2" onclick="javascript:reponse(this.value)">américaine
<br><input type="radio" name="b1" value="3" onclick="javascript:reponse(this.value)">suédoise

Vous reconnaissez vos trois boutons précédents auxquels ont été ajouté : onclick="javascript:reponse(this.value) qui signifie que si l'on clique sur le bouton, la fonction reponse est réalisée pour tester "this.value" : c'est-à-dire la valeur du bouton cliqué. Cette valeur est celle qui est notée dans value="...", 1 pour le premier bouton par exemple. Dans la fonction écrite dans le head, si 1 est la valeur, la réponse est juste.
<br> permet d'aller à la ligne.

Voir une page de QCM

sommaire

Réalisé par Isabelle Gautier, la diffusion de cet article est protégée par la licence LLDL-v1, Licence de Libre Diffusion des Documents, http://pauillac.inria.fr/~lang/licence/v1/lldd.html . Vous pouvez libremet utiliser, modifier et diffuser ce document mais uniquement à titre gratuit.