JavaScript pour fichiers HTML

• Intérêt de JavaScript : la portabilité
  il y a un compilateur dans chaque navigateur, même sur tablette ou smartphone.
• Utilisation standard : on crée un formulaire HTML,
  JavaScript gère les contenus des boutons, textarea, . . . par des fonctions JavaScript
• Utilisation évoluée : Le JavaScript construit la page HTML dynamique qu'il gère ensuite
  La page HTML ne contient qu'un formulaire vide.
  Le texte qui remplit le formulaire n'apparaît pas :
  il faut l'afficher par alert() ou dans une fenêtre listing pour débugger.
• Dans la fonction Javascript, il faut écrire le texte HTML par l'instruction :
  document.getElementById("probleme").innerHTML = text_HTML ;
  qui sera écrit à l'intérieur de la balise <p> d'identifiant "probleme" :
  <p id="probleme"> </p>   (déjà présent dans la page HTML)
  applications : questionnaires, jeux où il faut générer une question aléatoire.
• exemples :
  • outils utilisant la fonction math.eval( )
  • questionnaire à choix multiple (construit la page html).
    questionnaire_FLE_2.js : fichier javascript externe (commun à tous les questionnaires)
    applications : allemand_test   polygones_test  
  • vitrail : jeu dans lequel il faut superposer 4 cartes pour faire une figure imposée
    le problème posé : rotations et symétries aléatoires ; ordre des cartes
  • Marienbad : piles de jetons desquelles on peut retirer un nombre quelconque de jetons
    La solution fait intervenir la décomposition en binaire.
  • tableau 2d : donner les coordonnées lettre, chiffre (niveau maternelle)
    Calculs CP : ajouter, soustraire des chiffres à des nombres
    Divisibilité par 2, 3, 5, 9, 10, 11
    Addition de Fractions : illustration
    Deviner un nombre : l'ordinateur devine un nombre de 1 à 16 en 4 questions OUI/NON
    Tortue 90° : dessiner en déplaçant la tortue par boutons
    Tortue Dessin : dessiner des étoiles en déplaçant la tortue par programme
  • Pinyin → Chinois Saisie de Chinois simplifié en Pinyin

retour au menu :   Accueil