📊 Notenverwaltung

Ein interaktives Abschlussprojekt mit Objekten, Arrays und Local Storage

🎯 1. Projektziel

Erstelle eine Anwendung zur Verwaltung von Schüler-Noten – mit Berechnung von Durchschnitten, Filterung und dauerhafter Speicherung.

📚 2. W3Schools-Referenz

Für dieses Projekt sind folgende Themen besonders relevant:

🔗 JavaScript Objects
🔗 JavaScript Arrays
🔗 DOM Manipulation
🔗 Local Storage

🧠 3. KI-Prompt-Hinweis

Nutze KI als Kooperationspartner – nicht als Code-Lieferant. Formuliere Prompts wie:

💡 Beispiel: „Ich baue eine Notenverwaltung mit Objekten und Local Storage. Wie strukturiere ich das DOM, um dynamisch Schülerkarten mit Name, Noten und Durchschnitt anzuzeigen – und wie speichere ich die Daten sicher im Local Storage?“

✅ 4. Funktionale Anforderungen

Neuen Schüler hinzufügen – mit Name und Liste von Noten (z. B. "Anna", [2,3,1])
Durchschnitt berechnen – pro Schüler und Gesamtdurchschnitt der Klasse
Noten filtern – z. B. nur ungenügende Noten (< 4) anzeigen
Daten speichern – mit localStorage, sodass sie nach Neuladen erhalten bleiben
Übersichtliche Darstellung – Tabelle oder Karten mit Name, Noten, Durchschnitt

⚙️ 5. Technische Anforderungen

Verwende Objekte für Schüler: { name: "...", noten: [2,3,1] }
Speichere alle Schüler in einem Array
Berechne Durchschnitte mit Methoden oder Hilfsfunktionen
Nutze DOM-Manipulation, um die Liste dynamisch anzuzeigen
Stelle sicher, dass das Local Storage korrekt initialisiert wird
Validiere Eingaben (keine leeren Namen, Noten zwischen 1–5)

🔧 6. Empfohlener Arbeitsablauf

Erstelle die HTML-Struktur (Eingabeformular, Filter-Buttons, Ausgabebereich)
Implementiere das Hinzufügen von Schülern (ohne Speicherung)
Füge die Durchschnittsberechnung hinzu
Integriere Filterfunktionen („Alle“, „Nur ungenügend“)
Füge localStorage hinzu
Teste gründlich – auch nach Neuladen der Seite!