Persyaratannya adalah sebagai berikut:
1. Tampilkan nama semua orang di kelas di halaman web.
2. Klik tombol Mulai dan warna orang mulai berubah. Ketika berhenti, akan ada posisi dengan warna yang berbeda, dan posisi ini adalah siswa yang diklik.
Antarmuka grafis yang kasar adalah sebagai berikut:
Berikut ini adalah analisis khusus dari analisis persyaratan di atas sebagai berikut:
1. Inisialisasi halaman seperti itu dan atur warna -green yang terpadu.
A. Nama siswa disimpan dalam array
B. Menampilkannya di blok div di halaman
2. Pilih posisi secara acak untuk mengubah warnanya menjadi -red
A. Gunakan gaya CSS untuk mengontrol perubahan warna
B. Posisi acak dihasilkan menggunakan fungsi acak
3. Untuk menjadikannya efek animasi, atur waktu interval untuk memindahkan posisi perubahan warnanya ke belakang. Dan kembalikan warna posisi sebelumnya menjadi hijau.
A. Anda perlu merancang metode untuk mengubah warna div. Pada saat yang sama, Anda harus memanggil metode yang disebut waktu interval. Lalu ada Metode SetTimeout dan SetInterval untuk dipilih di JS.
4. Efek animasi harus berhenti dalam waktu yang ditentukan, dan posisi berhenti masih merah.
A. Efek animasi berhenti dalam waktu yang ditentukan, yang sebenarnya menghentikan metode di atas. Gunakan metode yang berbeda di JS, dengan bentuk implementasi yang berbeda
5. Ketika berhenti pada posisi tertentu, kotak dialog muncul menunjukkan siapa siswa yang dipilih.
A. Hasil akhir dari fungsi peringatan muncul tidak apa -apa
Di bagian selanjutnya, aplikasi kecil ini akan diimplementasikan dalam kode JavaScript.