Ajouter un Gestionnaire d'Événements en JavaScript

Ajout d'un gestionnaire d'évènement appelant le script de fermeture
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Maîtrisez la programmation dans Animate CC
Revoir le teaser Je m'abonne
5,0
Transcription

59,00€ Je commande

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

DescriptionProgrammeAvis
5,0
59,00€ Je commande

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

À l'issue de cette vidéo, vous pourrez :
- Créer un bouton HTML avec une image.
- Ajouter un gestionnaire d'événements à un élément.
- Appeler une fonction JavaScript spécifique lors d'un événement de clic.

Apprenez à ajouter un gestionnaire d'événements sur un bouton pour fermer une vidéo en utilisant JavaScript.

Dans cette leçon, vous apprendrez à créer un bouton avec une image dans une page web et à y ajouter un gestionnaire d'événements. Lors du clic sur ce bouton, la fonction close vidéo sera appelée, permettant de fermer la vidéo insérée dans la page.

Tout d'abord, nous allons créer le bouton en lui attribuant un identifiant unique. Ensuite, nous déclarerons la fonction close vidéo dans une balise <script>. Enfin, nous utiliserons document.getElementById pour lier notre bouton au gestionnaire d'événements adéquat. Ce processus met en lumière l'importance de l'utilisation d'identifiants dans la programmation web, facilitant la manipulation et l'interaction des éléments HTML avec JavaScript.

Voir plus
Questions réponses
Pourquoi est-il important d'utiliser un identifiant unique pour un élément HTML ?
L'utilisation d'un identifiant unique facilite la manipulation et l'interaction des éléments HTML avec JavaScript, permettant de cibler précisément un élément spécifique.
Comment lie-t-on un gestionnaire d'événements à un élément HTML en JavaScript ?
On utilise la méthode document.getElementById pour sélectionner l'élément et ensuite la méthode addEventListener pour ajouter un gestionnaire d'événements.
Quelle est la fonction de la méthode innerText dans un script JavaScript ?
La méthode innerText permet de définir ou de récupérer le contenu textuel à l'intérieur d'un élément HTML.

Programme détaillé

1 commentaire
5,0
1 vote
5
4
3
2
1
C0C23DAC-E0F0-4671-A5DA-98CC3C3F0FD7@cyberlibris.studi.fr
Il y a 7 mois
RAS