🎓 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!
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