32 lines
1.0 KiB
Markdown
32 lines
1.0 KiB
Markdown
# 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):
|
||
|
||
```bash
|
||
# 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.
|