ประเภทของเหตุการณ์ในออบเจ็กต์ Event ใน JavaScript

ออบเจ็กต์ Event ยังมีประเภทของเหตุการณ์ที่เกิดขึ้นอยู่ภายในด้วย ประเภทในที่นี้หมายถึงชื่อเช่น click, mouseover และอื่นๆ ประเภทของเหตุการณ์เก็บอยู่ในคุณสมบัติ type:

elem.addEventListener('click', function(event) {
	console.log(event.type); // จะแสดงผล 'click'
});

ในโค้ดต่อไปนี้ เหตุการณ์สองเหตุการณ์ถูกผูกกับตัวจัดการเหตุการณ์เดียวกัน:

<button id="elem">text</button>

let elem = document.querySelector('#elem');

elem.addEventListener('click', func);
elem.addEventListener('dblclick', func);

function func() {
	
}

โปรดเติมโค้ดของฟังก์ชัน func เพื่อที่ว่าเมื่อคลิกที่องค์ประกอบ องค์ประกอบนั้นจะเปลี่ยนเป็นสีเขียว และเมื่อดับเบิลคลิกจะเปลี่ยนเป็นสีแดง