Cours interactions Html et JavaScript
INTERACTIONS HTML-JAVASCRIPT
Pré-requis :
• Langage HTML
• Feuilles de styles CSS ? Bases de Javascript :
o Définition de variables o Définition de fonctions o Appel de fonctions
o Utilisation de fonctions mathématiques (ex : Math.random()) o Les boucles (for, while, switch o Les expressions booléennes o Les chaînes de caractères
o Les tableaux et opérations sur les tableaux o Les dates
o Les appels différés ou périodiques (SetTimeout() et SetInterval()) o Interactions simples html/JS : fonctions alert() et prompt()
Objectifs :
• Maîtriser les principales instructions permettant de rendre une page html dynamique en utilisant les interactions entre le langage javascript et les balises html ? Comprendre les concepts généraux de ces interactions (“vue d’ensemble“ du programme).
Conception du cours :
L’apprentissage sera réalisé sur la base de séries de petits exercices, chaque série permettant de découvrir un ou deux nouveaux concepts (A :, B : innerHTML et document.getElementById(id), etc.). La maîtrise de tous les exercices (noirs et gris) permettra de réaliser l’exercice final (jeu des montagnes et des pingouins). Les concepts théoriques seront présentés par l’enseignant au fur et à mesure de leur apparition dans les exercices.
Exercice :
Pour chaque série, ouvrez un nouveau contenant le code de base cidessous (balises html de base et balise
/p>
"">
modele_html_js