EXEMPLE :

Quels sont les pays cités qui se trouvent au bord de la méditérannée ?

l'Angleterre

la France

l'Italie

l'Autriche

  
 

CODE A INSERER :
( comment insérer un code ? cliquez ici )
Remplacez les valeurs en rouge par les possibilités offertes.
 
<BODY>

 <p>  <input type="checkbox" name="plusieurs" value="1"> l'Angleterre</p>
 <p>  <input type="checkbox" name="plusieurs" value="2"> la France</p>
 <p>  <input type="checkbox" name="plusieurs" value="3"> l'Italie</p>
 <p>  <input type="checkbox" name="plusieurs" value="4"> l'Autriche</p>

</BODY>

Notes :
- ce code est du html, il crée 4 "boîtes à réponse" dont plusieurs peuvent être choisies. Ces trois boîtes sont liées entre elles parce qu'elles ont le même "name" : "plusieurs" , vous pouvez changer "plusieurs" et devez le faire si vous mettez plusieurs groupes de "boîtes à réponse" dans votre page.

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=="2" || valeur=="3") alert("Oui !")
  else alert("Non ! ")
}
</script>
</head>

En rouge les noms de variables et de fonction que vous pouvez modifier en 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 : Non !.

- (valeur=="2" || valeur=="3") s'écrit == avec deux fois le signe égal =; || en appuyant simultanément sur la touche Alt Gr et celle du 6 (où se trouve aussi le tiret -)
|| veut dire "ou" => (valeur égal 2 ou égal 3)

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

 <p><input type="checkbox" name="plusieurs" value="1" onclick="javascript:reponse(this.value)">l'Angleterre</p>
 <p><input type="checkbox" name="plusieurs" value="2" onclick="javascript:reponse(this.value)"> la France</p>
 <p><input type="checkbox" name="plusieurs" value="3" onclick="javascript:reponse(this.value)"> l'Italie</p>
 <p><input type="checkbox" name="plusieurs" value="4" onclick="javascript:reponse(this.value)"> l'Autriche</p>

Vous reconnaissez vos trois cases précédentes auxquelles 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.

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.