Introduction
Dans ce projet, vous allez apprendre à créer un système de feux de circulation qui change la couleur de la lumière de rouge à verte après un certain intervalle de temps. Ce projet vous aidera à comprendre les bases de JavaScript et à manipuler le DOM pour afficher différents éléments en fonction d'événements basés sur le temps.
👀 Aperçu
🎯 Tâches
Dans ce projet, vous allez apprendre :
- Comment configurer une structure de projet HTML et JavaScript de base
- Comment implémenter une fonction pour changer l'affichage du feu de circulation en rouge après 3 secondes
- Comment implémenter une fonction pour changer l'affichage du feu de circulation en vert après 6 secondes
- Comment coordonner l'exécution des fonctions des feux rouges et verts à l'aide de async/await
- Comment tester le système de feux de circulation et s'assurer qu'il fonctionne comme prévu
🏆 Réalisations
Après avoir terminé ce projet, vous serez capable de :
- Manipuler le DOM à l'aide de JavaScript pour changer l'affichage d'éléments HTML
- Utiliser setTimeout() pour planifier des événements basés sur le temps
- Gérer les opérations asynchrones avec async/await
- Tester et déboguer votre code JavaScript
