الدرس 2 من 8

التصفية أثناء الكتابة

هدف الدرس

بحث دون إعادة تحميل

01

الشرح

التصفية لا تعني الحذف من القائمة، فالبيانات تبقى كاملة، والذي يتغيّر هو ما يُعرض منها.

الدالة filter تُرجع مصفوفة جديدة فيها العناصر التي تحقّق الشرط، وتبقى المصفوفة الأصلية كما هي، فتحفظ نصّ البحث في الحالة، وترسم products.filter(...) بدل products.

ولهذا يعود كل شيء تلقائيًا حين تمسح حقل البحث، لأنه لم يُحذف شيء أصلًا.

02

المطلوب

اجعل الكتابة في الحقل تُظهر العناصر التي تحتوي النصّ المكتوب فقط، واجعل مسح الحقل يُعيد العناصر كلّها.

الفحوص

5 فحوص
  1. تظهر كل المنتجات في البداية
  2. الكتابة تصفّي القائمة
  3. البحث بكلمة كاملة يعطي النتيجة الصحيحة
  4. العدّاد يطابق عدد العناصر المعروضة
  5. مسح الحقل يُعيد كل العناصر لأنها لم تُحذف
03

تلميحات

0/3
index.html
المعاينة
index.html100%
–/5

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

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