CATALOGUE Code & Data Formation Animate CC Maîtrisez la programmation dans Animate CC - Ateliers créatif avec Create JS

Ajouter un Gestionnaire d'Événements en JavaScript

Retour à la formation
Chapitre 7 Leçon 8
Précédent
Suivant

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

Détails de la leçon

Description de la leçon

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.

Objectifs de cette leçon

À 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.

Prérequis pour cette leçon

Pour suivre cette vidéo, vous devez :
- Avoir des notions de base en HTML et CSS.
- Connaître les fondamentaux de JavaScript.

Métiers concernés

Les compétences acquises dans cette vidéo peuvent être appliquées dans les métiers suivants :
- Développeur Front-End.
- Intégrateur Web.
- Développeur Full-Stack.

Alternatives et ressources

Vous pouvez utiliser des frameworks JavaScript comme jQuery pour simplifier la gestion des événements.

Questions & Réponses

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.
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.
La méthode innerText permet de définir ou de récupérer le contenu textuel à l'intérieur d'un élément HTML.