Manipuler des éléments HTML et gérer des événements avec JavaScript
Objectifs
Les objectifs de cette vidéo sont de vous permettre de :
1. Comprendre les différents emplacements possibles du script dans une page HTML.
2. Utiliser document.getElementById pour accéder et manipuler les éléments HTML.
3. Implémenter des événements en JavaScript pour interagir avec les éléments de la page.
4. Utiliser document.querySelector et document.querySelectorAll pour une sélection flexible des éléments HTML.
Résumé
Découvrez comment manipuler des éléments HTML et gérer des événements en JavaScript dans ce tutoriel. Apprenez à utiliser des fonctions clés telles que document.getElementById et document.querySelector.
Description
Dans cette leçon, vous apprendrez à aller au-delà des bases du JavaScript en manipulant des éléments HTML directement à partir de votre code. Vous découvrirez les deux endroits stratégiques où vous pouvez placer vos scripts JavaScript et comprendrez l'importance du chargement de la page pour l'exécution des scripts. Vous verrez comment utiliser la méthode window.onload
pour vous assurer que tous les éléments de la page sont disponibles avant d'exécuter votre script.
Vous apprendrez également à utiliser document.getElementById pour accéder aux éléments par leurs identifiants et à modifier leurs styles dynamiquement. Nous explorerons comment gérer des événements tels que les clics sur des boutons pour effectuer des actions comme changer la couleur d'un paragraphe.
Enfin, la leçon couvrira l'utilisation de document.querySelector et document.querySelectorAll pour sélectionner des éléments de manière plus flexible, que ce soit pour le premier élément correspondant ou tous les éléments correspondants d'une page.
Dommage que M Audoux ne va pas toujours au terme de ses exemples. Il manque souvent un petit "clic" qui finaliserait le cours.
Je rejoins le commentaire précédent, à savoir qu'il manque les fichiers de travail avec lesquels il serait plus facile de s'exercer.
Est il possible d'avoir les exemples afin de pouvoir travailler dessus et ne pas être obliger de jongler entre l'éditeur et la vidéo.
Merci.