Rukovaoci različitih događaja u JavaScript

Pored klika na element, postoje i drugi dogadjaji. Na primer, pomoću događaja dblclick možemo da uhvatimo dupli klik na element, pomoću događaja mouseover - prelazak kursora preko elementa, a pomoću događaja mouseout - izlazak kursora sa elementa.

Pri tome, na jedan element možemo vezati rukovaoce različitih tipova događaja. Hajde da, na primer, vežemo na jedan element reakciju na prelazak kursora i reakciju na izlazak:

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

Data je dugme. Na dupli klik na nju ispišite neku poruku.

Задание 2

Data je dugme. Na prelazak kursora preko nje ispišite neku poruku.

Задание 3

Data je dugme. Na izlazak kursora sa nje ispišite neku poruku.

Задание 4

Data je dugme. Na prelazak kursora preko nje ispišite jednu poruku, a na izlazak sa nje - drugu.