La Biologie Humaine

Comment créer des "vrai/faux"

  • Copier le programme en javascript ci-dessous, puis le coller dans le code source de votre page HTML, entre les balises <head> et </head>.

    Remplacer les chiffres en rouge entre parenthèses
       - par 0 si c'est la réponse "vrai" qui doit être cochée
       - par 1 si la réponse "faux" est la bonne
    et indiquer le nombre total de questions.

    <script language="JavaScript">
    function calcul()
    {
    var note=0;
    note=note+r1(1).checked;
    note=note+r2(0).checked;
    note=note+r3(0).checked;
    resultat.value= " Résultat : " + note + " /nombre total de questions";
    }
    </script>

Ce script est appelé par un clic sur le bouton "Valider" dans le corps du document.

Si le bouton radio correct est coché, la note est augmentée d'un point

Remarques :

    • Le nombre de questions peut être augmenté à volonté; il suffit d'ajouter autant de lignes
      note=note+rn(x).checked;
    • Si on souhaite enlever un point pour chaque réponse fausse, il faut insérer après chaque ligne : note=note+rn(0).checked; la ligne :
      note=note-rn(1).checked;

Si le bouton radio incorrect est coché, la note est dans ce cas diminuée d'un point

 

  • Dans le corps du document, en mode création, taper les affirmations ou les questions. Insérer un groupe de 2 boutons radio.
    Dans le code source, entre les balises <body> et </body>, ces boutons radio sont représentées par le code suivant :

    Affirmation 1 :
    <input type="radio" name="r1">
    <input type="radio" name="r1">

    ...

    Affirmation n :
    <input type="radio" name="rn">
    <input type="radio" name="rn">

Les boutons radios sont identifiés 2 à 2 par r1, r2, r3, etc....

Le premier bouton du groupe des deux a l'indice (0), le 2ème a l'indice (1).

Le bouton activé rn(0) ou rn(1) sera évalué par le script de l'entête.

  • Toujours dans le corps du document, insérer un bouton qui permettra de valider les réponses :

    <input type="button" id="bouton" value="Valider" onClick= "calcul()">

    Et enfin, un champ de texte où sera affiché le score :

    <input id="resultat" value=" Résultat : /nombre total de questions">

Un clic sur le bouton "Valider" appelle la fonction "calcul" de l'entête

 


Page précédente