# 🎓 Notenrechner 📊

Berechne deine Noten live! Gebe deine Punkte ein und sehe sofort, welche Note du erhältst. 💯✨

## 📝 Wie funktioniert's?

#### 1️⃣ Punkte eingeben

Geben Sie Ihre erreichten Punkte und die maximale Punktzahl ein. Der Rechner berechnet automatisch den Prozentsatz.

#### 2️⃣ Live-Berechnung

Das Ergebnis wird direkt auf der Seite angezeigt - ohne Dialoge! Moderne DOM-Manipulation mit JavaScript.

#### 3️⃣ Mehrere Noten

Fügen Sie mehrere Noten hinzu, um einen Durchschnitt zu berechnen. Perfekt für Prüfungsvorbereitung!

#### 4️⃣ Visuelle Rückmeldung

Farbige Progressbars und Fehlerbehandlung mit rotem Hintergrund beim Input. Sofort Feedback!

## 📋 Notenmaßstab

Note | Prozentbereich | Beispiel (von 100)
--- | --- | ---
sehr gut | 90–100% | 90–100 Punkte
gut | 75–89% | 75–89 Punkte
befriedigend | 60–74% | 60–74 Punkte
ausreichend | 50–59% | 50–59 Punkte
nicht bestanden | 0–49% | 0–49 Punkte

## 🧮 Notenrechner – DOM-Version

### Einfache Notenberechnung

Geben Sie eine Punktzahl ein und sehen Sie sofort das Ergebnis auf der Seite!

Erreichte Punkte:
Maximale Punktzahl:

### Mehrere Noten berechnen

Geben Sie mehrere Noten ein – der Durchschnitt wird automatisch berechnet!

## 💡 Moderne DOM-Manipulation mit JavaScript

- Keine Dialoge: Ergebnisse werden direkt auf der Webseite angezeigt – ohne prompt() oder alert()!
- addEventListener: Event Handler sind in der JavaScript-Datei (notenrechner-dom.js) registriert, nicht im HTML
- DOM-Zugriff: Das Skript nutzt document.getElementById() und querySelector() um auf HTML-Elemente zuzugreifen
- Live-Validierung: Bei ungültiger Eingabe wird das Input-Feld rot hinterlegt und eine Fehlermeldung angezeigt
- Farbige Progressbar: Ein visueller Balken zeigt den Prozentsatz in der Notenfarbe an
- Fehlerbehandlung: Umfangreiche Validierung der Eingaben mit aussagekräftigen Fehlermeldungen
- Template Literals: JavaScript nutzt moderne Template Literals für die HTML-Ausgabe