Analyse spécifique des besoins d'une petite application implémentant l'appel aléatoire dans les classes utilisant les compétences JavaScript_javascript

Les exigences sont les suivantes :

1. Afficher les noms de tous les membres de la classe sur la page Web.

2. Cliquez sur le bouton Démarrer, et la couleur de la personne commence à changer. Lorsqu'elle s'arrête, il y aura une position avec une couleur différente, alors cette position est l'élève sur lequel on a cliqué.

L'interface graphique approximative est la suivante :



Ce qui suit est une analyse spécifique de l'analyse des exigences ci-dessus comme suit :

1 . Initialisez une telle page et définissez la couleur uniforme -vert.

a. Stockez les noms des camarades de classe dans un tableau

b. Utilisez des blocs div pour afficher sur la page

2. Sélectionnez au hasard une position et changez sa couleur en -. rouge

a. Utilisez des styles CSS pour contrôler les changements de couleur

b. Utilisez des fonctions aléatoires pour générer des positions aléatoires

Afin de lui donner un effet d'animation, définissez le. intervalle de temps jusqu'à La position de son changement de couleur recule. Et restaurez la couleur de la position précédente au vert.

a. Vous devez concevoir une méthode pour changer la couleur du div. En même temps, lorsque vous reculez, vous devez appeler une méthode appelée à un intervalle. Ensuite, il existe des méthodes settimeout et setinterval dans js. au choix

4. L'effet d'animation doit s'arrêter dans le délai spécifié et la position d'arrêt sera toujours rouge.

a. L'effet d'animation s'arrête dans le délai spécifié, ce qui signifie en fait arrêter la méthode ci-dessus. Utilisez différentes méthodes en js et disposez de différents formulaires d'implémentation

5. Après vous être arrêté à une certaine position, une boîte de dialogue apparaîtra pour montrer qui est l'étudiant sélectionné.

La fonction a.Alert affichera le résultat final et tout ira bien

Dans la section suivante, cette petite application sera implémentée avec du code javascript.