Einführung
In diesem Projekt lernst du, wie du ein Ampelsystem erstellst, das die Farbe der Lampe nach einem bestimmten Zeitintervall von rot auf grün ändert. Dieses Projekt hilft dir, die Grundlagen von JavaScript zu verstehen und wie du das DOM manipulieren kannst, um verschiedene Elemente basierend auf zeitbasierten Ereignissen anzuzeigen.
👀 Vorschau
🎯 Aufgaben
In diesem Projekt wirst du lernen:
- Wie du eine grundlegende HTML- und JavaScript-Projektstruktur einrichtest
- Wie du eine Funktion implementierst, um die Anzeige der Ampel nach 3 Sekunden auf rot zu ändern
- Wie du eine Funktion implementierst, um die Anzeige der Ampel nach 6 Sekunden auf grün zu ändern
- Wie du die Ausführung der Funktionen für das rote und grüne Licht mithilfe von async/await koordinierst
- Wie du das Ampelsystem testest und sicherstellst, dass es wie erwartet funktioniert
🏆 Errungenschaften
Nach Abschluss dieses Projekts wirst du in der Lage sein:
- Das DOM mit JavaScript manipulieren, um die Anzeige von HTML-Elementen zu ändern
- setTimeout() verwenden, um zeitbasierte Ereignisse zu planen
- Asynchrone Operationen mit async/await zu verwalten
- Deinen JavaScript-Code zu testen und zu debuggen
