Javascript: Events - الأحداث

Events - الأحداث

لأن بعد ما تعرف تتعامل مع عناصر الصفحة (عبر DOM)، لازم تعرف إزاي تخلي الصفحة تتفاعل مع المستخدم، زي:

• لما المستخدم يضغط على زر (Click)

• أو يكتب في خانة (Input)

• أو يحرك الماوس (Mousemove)

• أو يضغط زرار من الكيبورد (Keypress)

---

أمثلة بسيطة على الأحداث:

document.querySelector("button").addEventListener("click", function() {
  alert("تم الضغط على الزر!");
});

ده معناه:

لما المستخدم يضغط على الزر، نفذ الكود اللي جواه.

---

بعد ما تفهم الأحداث كويس، ممكن تتعلم بعدها:

1. ✅ DOM Manipulation المتقدم (إضافة عناصر – حذف – تغيير خصائص)

2. ✅ Forms & Validation – التعامل مع النماذج والتحقق من المدخلات.

3. ✅ AJAX & Fetch API – جلب بيانات من السيرفر بدون إعادة تحميل الصفحة.

4. ✅ LocalStorage & SessionStorage – تخزين بيانات على المتصفح.

5. ✅ ثم تبدأ تدخل على مكتبات زي jQuery (اختياري)، أو تبدأ تتعلم React.