← JavaScript

JavaScript: Projekt-Ideen

Fünf kleine Projekte zum Selbermachen. Jedes hat ein Ziel, Schritte und eine Erweiterung für später. Such dir eins aus und fang an, ohne perfekt zu sein.

1. 1. Taschenrechner

   Eine Webseite mit Tasten und Anzeige für die Grundrechenarten.

   Schritte

   1. HTML mit Tasten und Anzeige bauen
   2. Klicks per Event Delegation auslesen
   3. Rechnung auswerten und Fehler wie Division durch null abfangen

   Erweiterung: Tastatureingabe und Verlauf ergänzen

2. 2. To-do-Liste

   Aufgaben hinzufügen, abhaken, löschen und im Browser speichern.

   Schritte

   1. Formular und Liste im DOM aufbauen
   2. Aufgaben als Array im localStorage halten
   3. Zustand beim Laden wiederherstellen

   Erweiterung: Filter für offen und erledigt

3. 3. Memory-Spiel

   Karten umdrehen und Paare finden.

   Schritte

   1. Kartenpaare mischen
   2. per Klick Karten aufdecken
   3. Treffer prüfen und Züge zählen

   Erweiterung: Zeitmessung und Bestzeit speichern

4. 4. Wetter-Anzeige

   Zeigt das Wetter einer Stadt mit einer öffentlichen API.

   Schritte

   1. Eingabefeld und Knopf bauen
   2. mit fetch Daten laden und Fehler behandeln
   3. Ergebnis im DOM darstellen

   Erweiterung: Letzte Suchen merken

5. 5. Stoppuhr und Countdown

   Eine Uhr mit Start, Stopp und Runden.

   Schritte

   1. Zeit mit setInterval zählen
   2. Anzeige formatiert aktualisieren
   3. Rundenzeiten in einer Liste sammeln

   Erweiterung: Alarmton beim Ablauf des Countdowns