DébutantNon commencé
Exercice 7.1 · 6 min · 0 tentative
Ajouter un événement
Objectif
Utiliser addEventListener pour réagir aux actions de l'utilisateur.
Contexte
Les événements permettent de rendre une page interactive. addEventListener associe une action (comme un clic) à une fonction :
const bouton = document.querySelector("button")
bouton.addEventListener("click", function() {
console.log("Vous avez cliqué !")
})
Structure d'addEventListener
element.addEventListener(type, callback)
| Paramètre | Description |
|---|---|
type | Le type d'événement : "click", "mouseover", etc. |
callback | La fonction exécutée quand l'événement se produit |
Consigne
Ajoute un écouteur d'événement "click" au bouton qui :
- Affiche
"Bouton cliqué !"dans la console - Change le texte de
#resultat
Teste en cliquant sur le bouton dans l'aperçu !
Objectifs
- Utiliser addEventListener
- Événement click
- Utiliser une fonction callback
- Afficher un message
- Bouton existe
Lisez bien les instructions et lancez-vous !
Indices (0/3)
Indice 1 verrouillé
Indice 2 verrouillé
Indice 3 verrouillé