DOM - Événements
Grâce à la structure DOM, le JavaScript permet également de réagir à des évènements.
Réagir à des événements
Un code JavaScript peut être exécuté lorsqu’un événement se produit, par exemple, lorsque l’utilisateur clique sur un élément.
La syntaxe ci-dessous permet d’exécuter un code lorsque l’utilisateur clique sur un élément :
onclick=JavaScript
Exemple :
<!DOCTYPE html>
<html>
<body>
<h1 onclick="this.innerHTML = 'Ooops!'">Click on this text!</h1>
</body>
</html>
Dans cet exemple, le texte du titre h1 est modifié lorsque l’utilisateur clique dessus.
Les attributs HTML d’événement
Pour créer un événement directement dans le code HTML d’un élément, il est possible d’utiliser les attributs d’événement.
Exemple :
<button onclick="displayDate()">Try it</button>
Dans cet exemple, la fonction displayDate() est exécutée lorsque l’utilisateur clique sur le bouton.
Créer un événement grâce au DOM
Besoin d'aide ?
Rejoignez notre communauté officielle et ne restez plus seul à bloquer sur un problème !
