Taak

Een formulier bouwen waarin gebruikers hun gegevens kunnen indienen. Het doel is om gebruikersinvoer te valideren, directe feedback te geven tijdens het typen en het indienen van het formulier te voorkomen als de invoer ongeldig is.

1. Directe Invoerfeedback:
   • Luisteren naar wijzigingen terwijl de gebruiker typt;
   • Binnen de event handler de lengte van de invoerwaarde controleren;
   • Als deze minder dan 3 tekens is, de inhoud van de <p> met ID feedback instellen op "Name is too short.";
   • Als deze 3 tekens of meer is, feedback instellen op "Name looks good!".
2. Standaard Formulierverzending Voorkomen:
   • Luisteren naar formulierverzendingen;
   • Voorkomen dat het formulier standaard wordt verzonden;
   • De invoerwaarde controleren;
   • Als deze minder dan 3 tekens is, "Please enter a longer name" weergeven in de <p> met ID form-message;
   • Als deze 3 tekens of meer is, "Form submitted successfully!" weergeven in form-message.

• Gebruik het input-event om te luisteren naar wijzigingen tijdens het typen;
• Gebruik event.target.value.length < 3 om de lengte van de invoerwaarde te controleren;
• Gebruik het submit-event om te luisteren naar formulierverzendingen;
• Gebruik event.preventDefault() om te voorkomen dat het formulier standaard wordt verzonden;
• Gebruik nameInput.value.length < 3 om de invoerwaarde te controleren.