Tehtävä

Rakennat lomakkeen, jossa käyttäjät voivat lähettää tietonsa. Tavoitteena on validoida käyttäjän syöte, antaa reaaliaikaista palautetta kirjoittaessa ja estää lomakkeen lähetys, jos syöte on virheellinen.

1. Reaaliaikainen syötteen palaute:
   • Kuuntele muutoksia käyttäjän kirjoittaessa;
   • Tapahtumankäsittelijässä tarkista syötteen arvon pituus;
   • Jos pituus on alle 3 merkkiä, aseta <p>-elementin, jonka ID on feedback, sisällöksi "Name is too short.";
   • Jos pituus on 3 merkkiä tai enemmän, aseta feedback-elementin sisällöksi "Name looks good!".
2. Estä oletuslomakkeen lähetys:
   • Kuuntele lomakkeen lähetyksiä;
   • Estä lomakkeen oletuslähetyskäyttäytyminen;
   • Tarkista syötteen arvo;
   • Jos pituus on alle 3 merkkiä, näytä "Please enter a longer name" <p>-elementissä, jonka ID on form-message;
   • Jos pituus on 3 merkkiä tai enemmän, näytä "Form submitted successfully!" form-message-elementissä.

• Käytä input-tapahtumaa kuunnellaksesi muutoksia käyttäjän kirjoittaessa;
• Käytä event.target.value.length < 3 tarkistaaksesi syötteen arvon pituuden;
• Käytä submit-tapahtumaa lomakkeen lähetyksen kuunteluun;
• Käytä event.preventDefault() estääksesi lomakkeen oletuslähetyskäyttäytymisen;
• Käytä nameInput.value.length < 3 tarkistaaksesi syötteen arvon.