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", () => {
  console.log("Tu as cliqué !")
})

Structure d'addEventListener

element.addEventListener(type, callback)

📝 Consigne

Ajoute un écouteur d'événement "click" au bouton qui :

1. Affiche "Bouton cliqué !" dans la console
2. Change le texte de #resultat en "Tu as cliqué sur le bouton !"

Résultat attendu (après clic sur le bouton) :

• Console : Bouton cliqué !
• Le paragraphe affiche : Tu as cliqué sur le bouton !

Teste en cliquant sur le bouton dans l'aperçu !