Exercices Développement Web
Exercice 1 : Décompte de Réveillon
Cet exercice consiste à créer un décompte dynamique qui affiche les nombres de 10 à 1, avec une transition toutes les secondes. Une fois arrivé à 0, le texte "Bonne Année !" apparaît, accompagné d’une animation festive de confettis.
Points techniques :
- Utilisation de JavaScript pour manipuler le DOM et gérer les intervalles de temps.
- Transitions fluides pour chaque changement de chiffre.
- Animations de confettis créées avec les keyframes CSS.
Exercice 2 : Jeu du Nombre Aléatoire
Le but de cet exercice est de deviner un nombre aléatoire généré par le programme. Chaque tentative fournit un indice (plus grand ou plus petit), et le jeu affiche la liste des propositions. À la fin, le score total est affiché.
Points techniques :
- Génération d’un nombre aléatoire avec la fonction JavaScript
Math.random(). - Mise à jour dynamique de la liste des essais grâce à la manipulation du DOM.
- Affichage du score final après validation de la réponse correcte.
Exercice 3 : Jeu de la Tortue
Dans cet exercice, une tortue virtuelle peut être déplacée dans une zone limitée grâce à des boutons directionnels (haut, bas, gauche, droite). La tortue ne peut pas sortir de la zone définie.
Points techniques :
- Gestion des événements de clic (
addEventListener) pour les boutons directionnels. - Calculs de position pour limiter les déplacements aux limites définies.
- Animation fluide des mouvements de la tortue.