الدرس 6 من 8

قائمة مهام

هدف الدرس

القراءة من حقل وبناء عناصر

01

الشرح

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

قيمة الحقل في input.value. ولإنشاء عنصر: document.createElement('li') ثم list.append(li).

وقبل الإضافة: تحقّق أن المستخدم كتب شيئًا فعلًا. value.trim() يزيل الفراغات، فإن بقي نصًّا فارغًا فلا تضف. هذا أبسط تحقّق من المدخلات، وهو ما يفصل التطبيق الذي يُستخدم عن التجربة.

02

المطلوب

الزر يضيف المهمة للقائمة، ويُفرّغ الحقل، ويتجاهل المدخل الفارغ.

معايير التصحيح

4 معايير
  1. الضغط على «أضف» ينشئ عنصرًا في القائمة
  2. نص العنصر مطابق لما كُتب في الحقل
  3. الحقل يُفرَّغ بعد الإضافة
  4. المدخل الفارغ لا يُضاف
index.html
المعاينة
index.html100%
–/4

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

4 معايير في بطاقة «المطلوب».