DébutantNon commencé

Exercice 8.2 · 6 min · 0 tentative

L'objet event

🎯 Objectif

Accéder aux informations d'un événement via l'objet event.

📖 Contexte

Quand un événement se produit, JavaScript passe automatiquement un objet event à la fonction callback :

bouton.addEventListener("click", event => {
  console.log(event.type)    // "click"
  console.log(event.target)  // L'élément cliqué
})

Propriétés utiles de event

PropriétéDescription
event.typeType d'événement ("click", "keydown"...)
event.targetÉlément qui a déclenché l'événement
event.target.textContentTexte de l'élément
event.target.idID de l'élément

📝 Consigne

Complète le code pour afficher dans la console :

  1. Le texte du bouton cliqué → event.target.textContent
  2. L'id du bouton cliqué → event.target.id

Résultat attendu (après clic sur "Acheter") :

Type : click
Texte : Acheter
ID : btn-achat

Teste en cliquant sur les différents boutons !

Objectifs

  • Utiliser event.target.textContent
  • Utiliser event.target.id
  • Afficher dans la console
  • Boutons existent

Lis bien les instructions et lance-toi !

Indices (0/3)

Indice 1 verrouillé
Indice 2 verrouillé
Indice 3 verrouillé