JavaScript pour fichiers HTML   [répertoire]

• Intérêt de JavaScript : la portabilité
  il y a un compilateur dans chaque navigateur, même sur tablette ou smartphone.
• Utilisation standard :
  JavaScript gère les contenus des boutons, textarea, . . . par des fonctions JavaScript
• Utilisation évoluée : Le JavaScript écrit la page HTML dynamique qu'il gère ensuite
  La page HTML est vide au départ, "onload", Javascript la remplit.
  pour débugger : affichage par alert(), dans une fenêtre texte (listing).
• Dans la fonction Javascript, on écrit 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 :
  • math/outils utilisant : with (Math) { eval( ) }  
    ligne_de_calcul.html  
    Math_eval.html : remplace with (Math) { eval() }  
  • conversion_python_javascript.txt : correspondance entre les 2 langages
  • date_heure.html : affichage de la date ou de l'heure
  • e_carte_bleue.html : calcul du plafond à déclarer pour inclure les 20% de marge.
  • questionnaire_melange.html : mélange les réponses
    fichier javascript externe (commun à tous les questionnaires)
    applications : allemand_test   polygones_test   page de test de outils.js  
  • Vitrail : jeu de réflexion dans lequel il faut superposer 4 cartes pour faire une figure imposée
    le problème à résoudre : rotations, symétrie et ordre des cartes aléatoires
  • 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 (maternelle/CP)
    Calculs CP : ajouter, soustraire des chiffres à des nombres   (niveau réglable)
    Divisibilité (critères) par 2, 3, 4, 5, 9, 10, 11 (collège)
    Addition de Fractions : illustration par des cases colorées : 2/6 = 2 cases sur 6
    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 (tourner de 90°, avancer) (maternelle/CP)
    Tortue Dessin : dessiner des étoiles en déplaçant la tortue par programme (collège)
  • Pinyin → Chinois Saisie de Chinois simplifié en Pinyin

retour au menu :   Accueil