Обработчики разных событий в JavaScript

Кроме клика по элементу, существуют и другие события. Например, с помощью события dblclick можно отловить двойной клик по элементу, с помощью события mouseover - наведение курсора на элемент, а с помощью события mouseout - уход курсора с элемента.

При этом к одному элементу можно привязывать обработчики различных типов событий. Давайте, например, привяжем к одному элементу реакцию на наведение курсора и реакцию на уход:

javascriptbutton.addEventListener('mouseover', function() {
  console.log('1');
});
button.addEventListener('mouseout', function() {
  console.log('2');
});