تقوم التفاعلية على الأحداث: أفعال يقوم بها المستخدم (نقر، مرور المؤشّر، ضغط مفتاح) يمكن لشيفرتك أن تستجيب لها.

بعض الأحداث الشائعة

• click — ينقر المستخدم على عنصر.
• mouseover — يمرّ مؤشّر الفأرة فوق عنصر.
• keydown — يُضغط مفتاح من لوحة المفاتيح.

الإنصات إلى حدث

نربط الاستجابة بعنصر عبر addEventListener:

const button = document.querySelector("button");
button.addEventListener("click", function() {
  alert("لقد نقرت!");
});

المبدأ بسيط: «حين يقع هذا الحدث على هذا العنصر، نفّذ هذه الدالة». وتسمّى الدالة المقدَّمة دالة استدعاء راجع (callback).

للتذكّر: تتيح addEventListener الاستجابة لأفعال المستخدم. إنها قلب تفاعلية الصفحة.