قائمة مهام

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

تجد قيمة الحقل في input.value، ولإنشاء عنصر تكتب document.createElement('li') ثم تضيفه إلى القائمة بـ list.append(li).

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