الدرس 1 من 8

اقرأ رسالة الخطأ

هدف الدرس

الرسالة تدلّك على المكان

01

الشرح

رسالة الخطأ ليست عقابًا بل تقرير يساعدك، وفيها ثلاثة أشياء: نوع الخطأ وما حدث وأين حدث.

فالرسالة TypeError: Cannot read properties of null (reading 'textContent') تعني أنك حاولت قراءة خاصية من null، وحين يكون مصدرها querySelector فالسبب في الغالب أن المُحدِّد (selector) لا يطابق أي عنصر، إمّا لخطأ إملائي، أو لأنك كتبت نقطة بدل العلامة #، أو لأن السكربت يعمل قبل أن يوجد العنصر.

والكود أدناه فيه أخطاء من هذا النوع، والطرفية بجوارك تخبرك أين هي.

02

المطلوب

شغّل الكود واقرأ ما في الطرفية، ثم أصلح الأخطاء حتى تعمل الصفحة دون أي خطأ.

الفحوص

4 فحوص
  1. العنوان مختار بمعرّفه لا باسم الوسم
  2. الزرّ مختار بصنفه
  3. الضغط يكتب النتيجة دون خطأ
  4. النصّ مأخوذ من العنصر الصحيح
03

تلميحات

0/3
دروس المسارأتممت 0 من 8

تتعلّم هنا كيف تقرأ رسالة الخطأ، وتتحقّق من المدخلات قبل استعمالها، وتلتقط الأخطاء التي تستحق المعالجة.

مستواه متوسّط، وفيه 8 دروس مجموع مدّتها ساعة ونصف.

index.html
المعاينة
index.html100%
–/4

اضغط «تشغيل وتصحيح» ليبدأ الفحص.

تجد 4 فحوص في بطاقة «المطلوب».

دروس المسارأتممت 0 من 8

تتعلّم هنا كيف تقرأ رسالة الخطأ، وتتحقّق من المدخلات قبل استعمالها، وتلتقط الأخطاء التي تستحق المعالجة.

مستواه متوسّط، وفيه 8 دروس مجموع مدّتها ساعة ونصف.