rinomina esercizi js
This commit is contained in:
18
javascript/08_DOM/esercizi/extra/validatore_input.js
Normal file
18
javascript/08_DOM/esercizi/extra/validatore_input.js
Normal file
@@ -0,0 +1,18 @@
|
||||
/**
|
||||
* 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!".
|
||||
*/
|
||||
|
||||
Reference in New Issue
Block a user