JAVASCRIPT Tutorial

addEventListener

الخطوات العملية:

  1. حدد عنصر HTML: العنصر الذي تريد ربطه بمستمع الأحداث.
  2. حدد نوع الحدث: الحدث الذي تريد الاستماع إليه، مثل "click" أو "hover".
  3. أعد تعريف دالة الاستدعاء: الدالة التي تريد تنفيذها عند حدوث الحدث.

استخدام طريقة addEventListener لإضافة مستمع حدث إلى عنصر HTML وتحديد نوع الحدث ودالة الاستدعاء التي سيتم تنفيذها عند حدوث الحدث:

document.querySelector('button').addEventListener('click', function() {
  alert('تم النقر فوق الزر!');
});

نصائح للوصول:

  • استخدم عناصر HTML الوصفية لوصف العناصر للمستخدمين المكفوفين أو ضعاف البصر.
  • استخدم حدًا واضحًا ولون نص بين محتوى الصفحة والarrière-plan.
  • استخدم خطوطًا كبيرة وواضحة سهلة القراءة.
  • تجنب الألوان الزاهية أو المتناقضة التي يمكن أن تسبب إجهاد العين.