خطأ في دالة addEventListener

 لا يوجد مشكلة عند الضغط على زر تسجيل الدخول أو زر إنشاء الحساب، قمت بكتابة إيميل وباسورد وتم تسجيل الدخول والتحويل للصفحة الرئيسية.

عامًة قم بتغيير الكود للتالي:

    registerBtn?.addEventListener('click', () => {
        container.classList.add("active");
    });

    loginBtn?.addEventListener('click', () => {
        container.classList.remove("active");
    });

لاحظ ? وهو Optional chaining operator فائدته التحقق من وجود قيمة أي يعمل على التحقق من وجود قيمة registerBtn و loginBtn قبل محاولة الوصول إلى خاصية addEventListener.

وفي حال registerBtn أو loginBtn تساوي null أو undefined، فإن الكود لن يُنفذ addEventListener وسيتم تجنب حدوث خطأ.

  بتاريخ On 8‏/12‏/2024 at 19:22 قال محمود عوف2:

السلام عليكم ورحمة الله وبركاته لدي خطأ غريب يقول لي ان الدالة addEventListener غير موجودة وانا اري ان الكود يعمل بشكل صحيح لكن ايضا يظهر لي الخطا لا ادري لماذا 

ملاحظة الكود موجود في صفحة تسجيل الدخول عن طريق الضغط علي زر تسجيل الدخول الان 

وبالمناسبة قد انهيت المشروع اي ملاحظات ؟ 

New WinZip File.zip 95.88 MB · 1 تنزيل

أظهر المزيد  

اري ان الرد قد تاخر قليلا

  بتاريخ On 8‏/12‏/2024 at 21:20 قال Mustafa Suleiman:

 لا يوجد مشكلة عند الضغط على زر تسجيل الدخول أو زر إنشاء الحساب، قمت بكتابة إيميل وباسورد وتم تسجيل الدخول والتحويل للصفحة الرئيسية.

عامًة قم بتغيير الكود للتالي:

    registerBtn?.addEventListener('click', () => {
        container.classList.add("active");
    });

    loginBtn?.addEventListener('click', () => {
        container.classList.remove("active");
    });

لاحظ ? وهو Optional chaining operator فائدته التحقق من وجود قيمة أي يعمل على التحقق من وجود قيمة registerBtn و loginBtn قبل محاولة الوصول إلى خاصية addEventListener.

وفي حال registerBtn أو loginBtn تساوي null أو undefined، فإن الكود لن يُنفذ addEventListener وسيتم تجنب حدوث خطأ.

أظهر المزيد  

حسنا جزاك الله خيرا 

ايوجد اي ملاحظات علي المشروع ؟ وما الاشياء التي يجب ان اطور من نفسي فيها