JavaScript-да турли воқеаларни қайта ишлаш

Элемент босилганидан ташқари, яна бошқа воқеалар ҳам мавжуд. Масалан, dblclick воқеаси ёрдамида элементга икки марта босилганини аниқлаш мумкин, mouseover воқеаси ёрдамида - курсорни элемент устига келтирилганини, mouseout воқеаси ёрдамида эса - курсорни элемент устидан олиб чиқилганини.

Бундан ташқари, бир элементга турли хил воқеа турларининг ишловчиларини боглаш мумкин. Келтирайлик, масалан, бир элементга курсорни келтиришга ва курсорни олиб чиқишга реакцияни боглаймиз:

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

Тугма берилган. Унга икки марта босилганда бирон хабар чиқаринг.

Задание 2

Тугма берилган. Унинг устига курсорни келтирилганда бирон хабар чиқаринг.

Задание 3

Тугма берилган. Унинг устидан курсор олиб чиқилганда бирон хабар чиқаринг.

Задание 4

Тугма берилган. Унинг устига курсорни келтирилганда бир хабар, устидан курсор олиб чиқилганда эса бошқа хабар чиқаринг.