ข้อกำหนดมีดังนี้:
1. แสดงชื่อของทุกคนในชั้นเรียนบนหน้าเว็บ
2. คลิกปุ่มเริ่มต้นและสีของบุคคลเริ่มเปลี่ยน เมื่อหยุดจะมีตำแหน่งที่มีสีต่างกันและตำแหน่งนี้คือนักเรียนที่คลิก
อินเทอร์เฟซกราฟิกหยาบมีดังนี้:
ต่อไปนี้เป็นการวิเคราะห์เฉพาะของการวิเคราะห์ข้อกำหนดข้างต้นดังนี้:
1. เริ่มต้นหน้าดังกล่าวและตั้งค่าสีรวมกัน -สีเขียว
. ชื่อนักเรียนจะถูกเก็บไว้ในอาร์เรย์
ข. แสดงใน Div Block บนหน้า
2. สุ่มเลือกตำแหน่งเพื่อเปลี่ยนสีเป็น -red
. ใช้สไตล์ CSS เพื่อควบคุมการเปลี่ยนแปลงสี
ข. ตำแหน่งสุ่มถูกสร้างขึ้นโดยใช้ฟังก์ชั่นสุ่ม
3. เพื่อให้เป็นเอฟเฟกต์ภาพเคลื่อนไหวให้ตั้งเวลาช่วงเวลาเพื่อย้ายตำแหน่งของการเปลี่ยนสีไปข้างหลัง และคืนค่าสีของตำแหน่งก่อนหน้าเป็นสีเขียว
. คุณต้องออกแบบวิธีการเปลี่ยนสีของ div ในเวลาเดียวกันคุณควรเรียกวิธีการที่เรียกว่าเวลาช่วงเวลา จากนั้นก็มีวิธีการ settimeout และวิธีการ setInterval ให้เลือกใน JS
4. เอฟเฟกต์ภาพเคลื่อนไหวควรหยุดภายในเวลาที่กำหนดและตำแหน่งหยุดยังคงเป็นสีแดง
. เอฟเฟกต์ภาพเคลื่อนไหวหยุดภายในเวลาที่กำหนดซึ่งจริง ๆ แล้วหยุดวิธีการข้างต้น ใช้วิธีการที่แตกต่างกันใน JS ด้วยรูปแบบการใช้งานที่แตกต่างกัน
5. เมื่อมันหยุดที่ตำแหน่งที่แน่นอนกล่องโต้ตอบจะปรากฏขึ้นเพื่อแสดงว่าใครคือนักเรียนที่เลือก
. ผลลัพธ์สุดท้ายของฟังก์ชั่นการแจ้งเตือนปรากฏขึ้นคือตกลง
ในส่วนถัดไปแอปพลิเคชันขนาดเล็กนี้จะถูกนำไปใช้ในรหัส JavaScript