الدرس 3 من 8
جدول يُفرَز
- 15 دقيقة
- 6 معايير للتصحيح
- 3 تلميحات
- إلى المطلوب
هدف الدرس
رأس يُضغط، وحالة تُعلَن
01
الشرح
الجدول القابل للفرز يحتاج ثلاثة: رأس قابل للضغط، وفرز يعكس نفسه عند الضغط الثاني، وaria-sort يعلن الحالة.
وaria-sort ثلاث قيم: ascending وdescending وnone — ويجب أن يحملها عمود واحد في كل لحظة.
والفرز من البيانات لا من الـ DOM: ترتّب المصفوفة ثم تعيد الرسم. من يرتّب الصفوف في مكانها يكتب كودًا أطول ويكسره أول تعديل.
02
المطلوب
اجعل الضغط على رأس يفرز به، والضغط ثانية يعكس، مع تحديث aria-sort.
معايير التصحيح
6 معايير- الجدول يبدأ بثلاثة صفوف
- الفرز بالدرجة تصاعديًّا
- الضغط ثانية يعكس الاتجاه
- aria-sort يعلن الحالة
- عمود واحد فقط يحمل حالة فرز
- الفرز بالاسم يعمل والبيانات الأصلية سليمة