19 lines
768 B
JavaScript
19 lines
768 B
JavaScript
/**
|
|
* Esercizio Extra: Validatore Input (Logica e Stili)
|
|
*
|
|
* OBIETTIVO:
|
|
* Creare un campo input che cambia colore se il testo è troppo corto.
|
|
*
|
|
* ISTRUZIONI (Usa 'container-extra-validatore' per generare l'HTML necessario via JS o scrivilo a mano):
|
|
* 1. Crea/Inserisci un input type="text" e un paragrafo per il messaggio di errore.
|
|
* Inseriscili dentro il div con id 'container-extra-validatore' (puoi farlo via JS o scrivendoli direttamente nell'HTML).
|
|
* 2. Ascolta l'evento 'input' (mentre l'utente scrive).
|
|
* 3. Se la lunghezza del valore (`value.length`) è inferiore a 5 caratteri:
|
|
* - Bordo dell'input: Rosso.
|
|
* - Messaggio: "Troppo corto!".
|
|
* 4. Se la lunghezza è 5 o più:
|
|
* - Bordo dell'input: Verde.
|
|
* - Messaggio: "OK!".
|
|
*/
|
|
|