المتطلبات على النحو التالي:
1. عرض أسماء جميع الأشخاص في الفصل على صفحة الويب.
2. انقر فوق زر البدء ويبدأ لون الشخص في التغيير. عندما يتوقف ، سيكون هناك موقف بألوان مختلفة ، وهذا الموقف هو الطالب الذي يتم النقر عليه.
الواجهة الرسومية الخام كما يلي:
فيما يلي تحليل محدد لتحليل المتطلبات أعلاه على النحو التالي:
1. تهيئة مثل هذه الصفحة وتعيين لون موحد.
أ. تم تخزين اسم الطالب في صفيف
ب. عرضه في كتلة div على الصفحة
2. حدد موقعًا عشوائيًا لتغيير لونه إلى -
أ. استخدم نمط CSS للتحكم في تغييرات اللون
ب. يتم إنشاء مواضع عشوائية باستخدام وظائف عشوائية
3. من أجل جعله تأثيرًا متحركًا ، قم بتعيين الوقت الفاصل لتحريك موضع تغيير اللون إلى الوراء. واستعادة لون الموضع السابق إلى الأخضر.
أ. تحتاج إلى تصميم طريقة لتغيير لون div. في الوقت نفسه ، يجب عليك استدعاء طريقة تسمى وقت الفاصل. ثم هناك setTimeOut وطريقة setInterval للاختيار من بينها في JS.
4. يجب أن يتوقف تأثير الرسوم المتحركة خلال الوقت المحدد ، ولا يزال موضع التوقف أحمر.
أ. يتوقف تأثير الرسوم المتحركة خلال الوقت المحدد ، والذي يوقف بالفعل الطريقة أعلاه. استخدم طرقًا مختلفة في JS ، مع نماذج تنفيذ مختلفة
5. عندما يتوقف عند وضع معين ، يظهر مربع حوار يوضح من هو الطالب المحدد.
أ. النتيجة النهائية لوظيفة التنبيه تنبثق على ما يرام
في القسم التالي ، سيتم تنفيذ هذا التطبيق الصغير في رمز JavaScript.