Interaktive Micro-App

Baue einen Tilgungsrechner für Annuitätendarlehen als einzelne HTML-Datei mit Vanilla-JS (kein Framework, keine externen Assets, keine externen Requests) — funktional korrekt UND spürbar hochwertig gestaltet. Funktionale Anforderungen: 1. Eingaben: Kreditsumme in Euro, Sollzins in Prozent pro Jahr, anfängliche Tilgung in Prozent pro Jahr — jeweils als Zahl. 2. Monatsrate (Annuität) = Kreditsumme × (Sollzins + Tilgung) / 100 / 12, kaufmännisch auf Cent gerundet. Die gerundete Rate wird für alle Folgeberechnungen verwendet. 3. Monatliche Verrechnung: Monatszins = Sollzins / 100 / 12; neue Restschuld = alte Restschuld × (1 + Monatszins) − Rate. Anzuzeigen sind: Monatsrate, Restschuld nach 10 Jahren (120 Monate, auf ganze Euro gerundet) und Gesamtlaufzeit bis Restschuld ≤ 0 in Jahren und Monaten. 4. Edge Case: Tilgung = 0 % → Rate trotzdem berechnen und anzeigen, aber statt der Laufzeit einen deutlichen Hinweis ausgeben, dass der Kredit bei 0 % Tilgung nie zurückgezahlt wird. 5. Kreditsumme ≤ 0, Sollzins ≤ 0, Tilgung < 0, leere oder nicht numerische Eingaben → sichtbare Fehlermeldung, keine Ergebnisanzeige. Zahlen im deutschen Format darstellen (Komma als Dezimaltrennzeichen, Punkt als Tausendertrennzeichen). Allgemein gilt: - Das Tool arbeitet vollständig ohne Seiten-Reload. - Fehlerhafte Eingaben werden abgefangen: sichtbares, verständliches Feedback statt Exception oder stillem Scheitern. - Ergebnisse werden klar und eindeutig dargestellt. Gestaltung & Gefühl (wichtig): - Durchdachtes, eigenständiges UI mit klarer Hierarchie und angenehmer Typografie/Farbwelt — kein nacktes Standard-Formular. - Befriedigende Mikro-Interaktionen: sanfte Übergänge oder Animationen bei Ergebnis, Eingabe-Fokus und Fehlerfeedback. Respektiere `@media (prefers-reduced-motion: reduce)`. - Das Tool soll sich lebendig und wertig anfühlen und Lust machen, es zu benutzen.