Mini machine à sous en JavaScript
Cette question est destinée aux étudiants ayant terminé le TP en avance.
Elle permet d'aller plus loin dans l'utilisation des variables, des tableaux
et de la gestion du temps en JavaScript.
Objectif
Réaliser une mini machine à sous fonctionnant uniquement avec HTML, JavaScript
et éventuellement jQuery, sans rechargement de la page.
Consignes
- La page contient trois zones d'affichage représentant trois rouleaux.
- Chaque rouleau affiche un symbole choisi dans un tableau JavaScript.
- Un bouton « Lancer » permet de démarrer la machine.
- Lors du lancement, les symboles changent automatiquement pendant quelques secondes à l'aide de
setInterval.
- Au bout d'un temps donné, les rouleaux s'arrêtent.
- Les symboles finaux restent affichés à l'écran.
Bonus
- Détecter si les trois symboles affichés sont identiques et afficher un message de victoire.
- Empêcher de relancer la machine tant qu'un tirage est en cours.