addEventListener

Pour exécuter des instructions en fonction d'un évènement : addEventListener

const button = document.querySelector('.myButton')
button.addEventListener("click", myFunction);

function myFunction() {
  console.log('Tu viens de cliquer sur le bouton')
}

Principaux évènements :

• resize : pour modifier des comportements quand l'utilisateur recadre la fenêtre.

• mouseover : quand on passe la souris sur un élément.

• mouseout : quand la souris ne survole plus un élément

• keypress : à l'appui sur une touche du clavier.

• focus, blur : quand un élément prend le focus ou le perd (pour les champs de formulaire)

• change : quand un élément change (pour la valeur du champ pour les formulaires)

• submit : quand on valide un formulaire

• click : au click sur un élément Toute la liste est disponible ici : https://www.w3schools.com/jsref/dom_obj_event.asp