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.
Langage C : langage_c.html (pointeurs)
- exemples :
- math/outils utilisant : with (Math) { eval( ) }
ligne_de_calcul.html
Math_eval.html : remplace with (Math) { eval() }
loi_binomiale.html : Calcul de la Loi Binomiale
- 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)
Calculs Collège : équation ax+b=0 ; ax+b=cx+d ; somme de fractions
Equations Collège : ax+b=cx+d
Equations Primaire : 6🍎+3€=4🍎+6€
Gauss-Jordan : inversion de matrice
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
- Tour de Hanoi Déplacer les disques d'une pile en respectant l'ordre décroissant.
nombre de déplacements minimum pour n disques empilés : 2n−1 ; logique récursive.
retour au menu :
Accueil