diff --git a/javascript/JS_Esercizi 09 - Manipolazione Dati/generatore_utenti/index.html b/javascript/JS_Esercizi 09 - Manipolazione Dati/generatore_utenti/index.html index b6e810b..2bf2691 100644 --- a/javascript/JS_Esercizi 09 - Manipolazione Dati/generatore_utenti/index.html +++ b/javascript/JS_Esercizi 09 - Manipolazione Dati/generatore_utenti/index.html @@ -24,9 +24,9 @@ - diff --git a/javascript/JS_Esercizi 09 - Manipolazione Dati/generatore_utenti/script.js b/javascript/JS_Esercizi 09 - Manipolazione Dati/generatore_utenti/script.js index cd12d34..7630cba 100644 --- a/javascript/JS_Esercizi 09 - Manipolazione Dati/generatore_utenti/script.js +++ b/javascript/JS_Esercizi 09 - Manipolazione Dati/generatore_utenti/script.js @@ -2,7 +2,6 @@ const inputNome = document.querySelector('#input-nome'); const inputCognome = document.querySelector('#input-cognome'); const btnGenera = document.querySelector('#btn-genera'); -const boxRisultato = document.querySelector('#box-risultato'); const outputUsername = document.querySelector('#output-username'); /** @@ -10,47 +9,22 @@ const outputUsername = document.querySelector('#output-username'); * Obiettivo: Creare un username formato da: * [Prime 3 lettere Nome] + [Cognome Pulito] + [Numero Random] * Tutto in minuscolo. - * * Passi da completare: + * + * Passi: * 1. Recupera i valori degli input (nome e cognome). * 2. Validazione: se uno dei due è vuoto, avvisa con alert() e fermati. * 3. Pulizia NOME: - * - Rimuovi spazi vuoti ai lati (.trim()) - * - Prendi solo le prime 3 lettere (.slice(0, 3) oppure .substring(0, 3)) - * - Converti in minuscolo (.toLowerCase()) + * - Rimuovi spazi vuoti ai lati (.trim()) + * - Prendi solo le prime 3 lettere (.slice(0, 3) oppure .substring(0, 3)) + * - Converti in minuscolo (.toLowerCase()) * 4. Pulizia COGNOME: - * - Rimuovi spazi vuoti ai lati (.trim()) - * - Sostituisci eventuali spazi interni (es. "De Luca") con un punto o niente (.replace(" ", "") oppure .replaceAll) - * - Converti in minuscolo + * - Rimuovi spazi vuoti ai lati (.trim()) + * - Sostituisci eventuali spazi interni (es. "De Luca") con un punto o niente (.replace(" ", "") oppure .replaceAll) + * - Converti in minuscolo * 5. Genera un numero casuale tra 10 e 99 (Math.random, Math.floor). * 6. Unisci tutto (Nome + Cognome + Numero) e mostralo nell'output. */ -btnGenera.addEventListener('click', function() { +btnGenera.addEventListener('click', function () { - // --- SCRIVI QUI IL TUO CODICE --- - - // 1. Leggi - // let nome = ... - // let cognome = ... - - // 2. Valida - - // 3. Elabora Nome (trim, slice, toLowerCase) - // let parteNome = ... - - // 4. Elabora Cognome (trim, replace, toLowerCase) - // let parteCognome = ... - - // 5. Numero Random (tra 10 e 99) - // Formula: Math.floor(Math.random() * (max - min + 1)) + min - // let numero = ... - - // 6. Output - // let risultato = ... - // outputUsername.textContent = risultato; - - // --- FINE CODICE --- - - // Mostra il risultato - boxRisultato.classList.remove('hidden'); }); \ No newline at end of file diff --git a/javascript/JS_Esercizi 09 - Manipolazione Dati/index.html b/javascript/JS_Esercizi 09 - Manipolazione Dati/index.html index c8af2c2..4843e89 100644 --- a/javascript/JS_Esercizi 09 - Manipolazione Dati/index.html +++ b/javascript/JS_Esercizi 09 - Manipolazione Dati/index.html @@ -156,7 +156,7 @@
- +
🧪

TutorialTutorial

diff --git a/javascript/JS_Esercizi 09 - Manipolazione Dati/tutorial.html b/javascript/JS_Esercizi 09 - Manipolazione Dati/tutorial/index.html similarity index 100% rename from javascript/JS_Esercizi 09 - Manipolazione Dati/tutorial.html rename to javascript/JS_Esercizi 09 - Manipolazione Dati/tutorial/index.html diff --git a/javascript/JS_Esercizi 09 - Manipolazione Dati/tutorial_interattivo.js b/javascript/JS_Esercizi 09 - Manipolazione Dati/tutorial/script.js similarity index 100% rename from javascript/JS_Esercizi 09 - Manipolazione Dati/tutorial_interattivo.js rename to javascript/JS_Esercizi 09 - Manipolazione Dati/tutorial/script.js diff --git a/javascript/JS_Esercizi 09 - Manipolazione Dati/styles.css b/javascript/JS_Esercizi 09 - Manipolazione Dati/tutorial/styles.css similarity index 100% rename from javascript/JS_Esercizi 09 - Manipolazione Dati/styles.css rename to javascript/JS_Esercizi 09 - Manipolazione Dati/tutorial/styles.css