La Biologie Humaine

Comment créer des textes à trous, ou des schémas à annoter

  • 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 textes en rouge par vos propres réponses et le nombre total de questions

    <script language="JavaScript">
    function calcul()
    {
    var note=0;
    if (t1.value == "réponse1") note++;
    if (t2.value == "réponse2") note++;
    if (t3.value == "réponse3") note++;
    resultat.value = " Résultat : " + note + " / nombre total de questions ";
    }
    </script>

    Remarques :

    • Le nombre de questions peut être augmenté à volonté; il suffit d'ajouter autant de lignes
      if (tn.value == "réponsen") note++;
    • Si plusieurs réponses sont possibles, la ligne deviendra :
      if(tx.value == "réponsex1"||tx.value == "réponsex2"||tx.value == "réponsex3") note++;

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

Il compare les réponses écrites dans les zones de texte vides avec les réponses attendues.

Pour chaque réponse exacte, la note est augmentée d'un point, et affichée dans le champ de texte prévu à cet effet.
  • Dans le corps du document, en mode création, taper le texte à compléter, ou insérer le schéma à annoter. Remplacer chaque "trou" ou chaque légende par une zone de texte vide.
    Dans le code source, entre les balises <body> et </body>, ces zones de texte sont représentées par le code suivant :

    <input type="text" id="t1">
    <input type="text" id="t2">
    <input type="text" id="t3">
     ...
    <input type="text" id="tn">

 Le contenu de chaque zone de texte identifiée par t1, t2, t3, etc..., sera comparé par le script de l'entête avec le contenu attendu.
  • 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