addEventListener تضيف مستمعًا لحدث على عنصر معين، فتُنفَّذ دالة عند حدوثه:

element.addEventListener('click', handleClick);

function handleClick(event) {
  console.log('Clicked', event.target);
}

إزالة المستمع

element.removeEventListener('click', handleClick);

يجب تمرير الدالة نفسها، لذلك لا تنجح الإزالة مع دالة مجهولة كُتبت مباشرة.

خيارات مفيدة

button.addEventListener('click', run, { once: true });   // only the first click
window.addEventListener('scroll', onScroll, { passive: true });