Mein Konto (kleine Demo)

Kurze Demo-Webseite zur Verwaltung eines Kontostands.

Funktionen

• Kontostand wird in localStorage gespeichert (Schlüssel konto_balance_v1).
• Anfangswert: 1000 € (kann im app.js angepasst werden).
• Eingabefeld für Überweisungsbetrag.
• Validierung:
  • keine gültige Zahl -> Fehlermeldung

  • 2000 € -> Abbruch mit Fehlermeldung

  • Kontoüberziehung führt zu Warnung "Achtung Konto überzogen"
• Nach erfolgreicher Verarbeitung wird der Betrag abgezogen, Kontostand aktualisiert, Eingabe geleert.
• Kontostand < 0 wird rot angezeigt.

Dateien

• index.html – einfache UI
• styles.css – Styles
• app.js – Logik

Benutzung

1. Lokal öffnen: Datei index.html im Browser öffnen.
2. Optional (lokaler Webserver, empfohlen):

# im Verzeichnis der Dateien
python -m http.server 8000
# dann im Browser öffnen: http://localhost:8000

Hinweis: Die Seite merkt sich den Kontostand im Browser. Zum Zurücksetzen localStorage.removeItem('konto_balance_v1') in der Konsole ausführen.