Uppgift

Du bygger ett formulär där användare kan skicka in sina uppgifter. Målet är att validera användarens inmatning, ge återkoppling i realtid medan de skriver och förhindra att formuläret skickas om inmatningen är ogiltig.

1. Återkoppling i realtid på inmatning:
   • Lyssna efter ändringar medan användaren skriver;
   • Kontrollera längden på inmatningsvärdet i händelsehanteraren;
   • Om det är färre än 3 tecken, sätt innehållet i <p> med ID feedback till "Name is too short.";
   • Om det är 3 tecken eller fler, sätt feedback till "Name looks good!".
2. Förhindra standardformulärsändning:
   • Lyssna efter formulärsändningar;
   • Stoppa formuläret från att skickas som standard;
   • Kontrollera inmatningsvärdet;
   • Om det är färre än 3 tecken, visa "Please enter a longer name" i <p> med ID form-message;
   • Om det är 3 tecken eller fler, visa "Form submitted successfully!" i form-message.

• Använd input-händelsen för att lyssna efter ändringar medan användaren skriver;
• Använd event.target.value.length < 3 för att kontrollera längden på inmatningsvärdet;
• Använd submit-händelsen för att lyssna efter formulärsändningar;
• Använd event.preventDefault() för att stoppa formuläret från att skickas som standard;
• Använd nameInput.value.length < 3 för att kontrollera inmatningsvärdet.