Tarefa

Você está desenvolvendo um formulário onde os usuários podem enviar seus dados. O objetivo é validar a entrada do usuário, fornecer feedback em tempo real enquanto ele digita e impedir o envio do formulário se a entrada for inválida.

1. Feedback em Tempo Real da Entrada:
   • Ouvir as alterações enquanto o usuário digita;
   • Dentro do manipulador de eventos, verificar o comprimento do valor do campo de entrada;
   • Se for menor que 3 caracteres, definir o conteúdo do <p> com o ID feedback para "Name is too short.";
   • Se for 3 caracteres ou mais, definir feedback para "Name looks good!".
2. Impedir o Envio Padrão do Formulário:
   • Ouvir os envios do formulário;
   • Impedir o comportamento padrão de envio do formulário;
   • Verificar o valor do campo de entrada;
   • Se for menor que 3 caracteres, exibir "Please enter a longer name" no <p> com o ID form-message;
   • Se for 3 caracteres ou mais, exibir "Form submitted successfully!" em form-message.

• Utilizar o evento input para ouvir alterações enquanto o usuário digita;
• Utilizar event.target.value.length < 3 para verificar o comprimento do valor do campo de entrada;
• Utilizar o evento submit para ouvir os envios do formulário;
• Utilizar event.preventDefault() para impedir o comportamento padrão de envio do formulário;
• Utilizar nameInput.value.length < 3 para verificar o valor do campo de entrada.