Aufgabe

Sie erstellen ein Formular, in dem Benutzer ihre Daten eingeben können. Ziel ist es, die Benutzereingaben zu validieren, während der Eingabe eine Rückmeldung in Echtzeit zu geben und das Absenden des Formulars zu verhindern, wenn die Eingabe ungültig ist.

1. Echtzeit-Feedback zur Eingabe:
   • Änderungen während der Eingabe des Benutzers überwachen;
   • Im Event-Handler die Länge des Eingabewerts prüfen;
   • Wenn sie weniger als 3 Zeichen beträgt, den Inhalt des <p> mit der ID feedback auf "Name is too short." setzen;
   • Wenn sie 3 Zeichen oder mehr beträgt, feedback auf "Name looks good!" setzen.
2. Standardmäßiges Absenden des Formulars verhindern:
   • Auf das Absenden des Formulars reagieren;
   • Das Standardverhalten des Formulars unterbinden;
   • Den Eingabewert prüfen;
   • Wenn er weniger als 3 Zeichen beträgt, "Please enter a longer name" im <p> mit der ID form-message anzeigen;
   • Wenn er 3 Zeichen oder mehr beträgt, "Form submitted successfully!" in form-message anzeigen.

• Das input-Event verwenden, um Änderungen während der Eingabe zu überwachen;
• Mit event.target.value.length < 3 die Länge des Eingabewerts prüfen;
• Das submit-Event verwenden, um auf das Absenden des Formulars zu reagieren;
• Mit event.preventDefault() das Standardverhalten des Formulars unterbinden;
• Mit nameInput.value.length < 3 den Eingabewert prüfen.