Tutoriel JavaScript : Gestionnaire d'événements

Code : ajout d'un gestionnaire d'évènements à la zone cliquable
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Ateliers créatifs Adobe Animate CC
Revoir le teaser Je m'abonne
Transcription

39,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis

39,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont :

  • Comprendre comment ajouter un gestionnaire d'événements en JavaScript.
  • Apprendre à vérifier que le gestionnaire fonctionne correctement dans le navigateur.
  • Savoir diagnostiquer des problèmes éventuels liés aux événements.

Apprenez à intégrer et à vérifier un gestionnaire d'événements 'click' avec JavaScript.

Dans cette leçon, nous allons voir comment ajouter un gestionnaire d'événements 'click' en utilisant JavaScript. Nous commencerons par sélectionner la zone sur laquelle l'événement doit être appliqué, ensuite nous utiliserons la méthode addEventListener pour écouter l'événement 'click'. La fonction appelée lors du clic sera nommée switcher, avec un paramètre acceptable qui est l'événement lui-même.

Une partie essentielle de ce processus est de vérifier dans le navigateur que le gestionnaire d'événements est bien pris en compte. Nous ouvrirons la console du navigateur pour voir si un message s'affiche lorsque nous cliquons sur le bouton, ce qui confirme le bon fonctionnement de notre gestionnaire d'événements.

Cette vérification initiale est cruciale, car elle nous permet de diagnostiquer rapidement d'éventuels problèmes futurs en nous assurant que le gestionnaire d'événements est correctement configuré dès le départ.

Voir plus
Questions réponses
Quel est l'événement utilisé dans cette leçon ?
L'événement utilisé est 'click'.
Pourquoi est-il important de vérifier le gestionnaire d'événements dans le navigateur ?
Il est important de vérifier le gestionnaire d'événements pour s'assurer qu'il est bien configuré et fonctionne correctement, ce qui permet de diagnostiquer d'éventuels problèmes futurement.
Quelle méthode est utilisée pour ajouter un gestionnaire d'événements ?
La méthode utilisée est 'addEventListener'.

Programme détaillé