Gestionnaires de différents événements en JavaScript

En plus du clic sur un élément, il existe d'autres événements. Par exemple, en utilisant l'événement dblclick on peut détecter un double-clic sur un élément, avec l'événement mouseover - le survol du curseur sur l'élément, et avec l'événement mouseout - le départ du curseur de l'élément.

De plus, on peut attacher à un même élément des gestionnaires pour différents types d'événements. Par exemple, attachons à un élément une réaction au survol du curseur et une réaction au départ :

javascriptbutton.addEventListener('mouseover', function() {
  console.log('1');
});
button.addEventListener('mouseout', function() {
  console.log('2');
});
Задание 1

Un bouton est donné. Lors d'un double-clic dessus, affichez un message quelconque.

Задание 2

Un bouton est donné. Lors du survol dessus, affichez un message quelconque.

Задание 3

Un bouton est donné. Lors du départ du curseur de celui-ci, affichez un message quelconque.

Задание 4

Un bouton est donné. Lors du survol dessus, affichez un message, et lors du départ de celui-ci - un autre.