💻 3 Exercices JavaScript
Catégorie : Développement Web
🎯 Exercice 1 : Décompte de réveillon
On affiche tous les nombres de 10 à 1 les uns après les autres. Le nouveau nombre remplace le précédent toutes les secondes. À la place du zéro, on affiche la phrase "Bonne année". Après être arrivé sur "Bonne année", plus rien ne change.
- Balises HTML : un paragraphe
- Fonctionnement automatique : interval
🎲 Exercice 2 : Jeu du nombre aléatoire
Un nombre aléatoire entre 0 et 200 est tiré et stocké en mémoire. Le but du jeu est de trouver ce nombre. À chaque proposition, on nous dit si le nombre est plus grand ou plus petit. Tous les essais doivent être affichés sur le côté au fur et à mesure. Lorsqu'on a trouvé le nombre, on nous indique le nombre d'essais effectués (le score).
- Balises HTML : input + bouton, paragraphe de résultat, une liste qui se complete au fur et mesure
- Fonctionnement : random, event d'envoi de form
🐢 Exercice 3 : La tortue
On a une zone de jeu délimitée (600px sur 1000px). Au milieu, il y a une petite tortue, qui commence au centre du jeu. On a aussi 4 boutons : haut, bas, gauche, droite. Avec les boutons, on peut faire bouger la tortue dans la zone de jeu. Il faut s'assurer qu'elle ne sorte jamais de la zone de jeu.
- Balises HTML : div, image, 4 boutons
- Fonctionnement : event click (event key), position absolute/relative