الدرس 3 من 8

جدول يُفرَز

هدف الدرس

رأس يُضغط، وحالة تُعلَن

01

الشرح

الجدول القابل للفرز يحتاج ثلاثة: رأس قابل للضغط، وفرز يعكس نفسه عند الضغط الثاني، وaria-sort يعلن الحالة.

وaria-sort ثلاث قيم: ascending وdescending وnone — ويجب أن يحملها عمود واحد في كل لحظة.

والفرز من البيانات لا من الـ DOM: ترتّب المصفوفة ثم تعيد الرسم. من يرتّب الصفوف في مكانها يكتب كودًا أطول ويكسره أول تعديل.

02

المطلوب

اجعل الضغط على رأس يفرز به، والضغط ثانية يعكس، مع تحديث aria-sort.

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

6 معايير
  1. الجدول يبدأ بثلاثة صفوف
  2. الفرز بالدرجة تصاعديًّا
  3. الضغط ثانية يعكس الاتجاه
  4. aria-sort يعلن الحالة
  5. عمود واحد فقط يحمل حالة فرز
  6. الفرز بالاسم يعمل والبيانات الأصلية سليمة
03

تلميحات

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

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

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