Esercizio 9 fix

This commit is contained in:
2026-02-05 01:50:48 +01:00
parent 3d84295870
commit 1adc6a14e1
6 changed files with 12 additions and 38 deletions

View File

@@ -24,9 +24,9 @@
<button id="btn-genera">Genera Username</button> <button id="btn-genera">Genera Username</button>
<div id="box-risultato" class="hidden"> <div id="box-risultato">
<p>Username suggerito:</p> <p>Username suggerito:</p>
<div id="output-username" class="username-box">...</div> <div id="output-username" class="username-box"></div>
</div> </div>
</div> </div>

View File

@@ -2,7 +2,6 @@
const inputNome = document.querySelector('#input-nome'); const inputNome = document.querySelector('#input-nome');
const inputCognome = document.querySelector('#input-cognome'); const inputCognome = document.querySelector('#input-cognome');
const btnGenera = document.querySelector('#btn-genera'); const btnGenera = document.querySelector('#btn-genera');
const boxRisultato = document.querySelector('#box-risultato');
const outputUsername = document.querySelector('#output-username'); const outputUsername = document.querySelector('#output-username');
/** /**
@@ -10,47 +9,22 @@ const outputUsername = document.querySelector('#output-username');
* Obiettivo: Creare un username formato da: * Obiettivo: Creare un username formato da:
* [Prime 3 lettere Nome] + [Cognome Pulito] + [Numero Random] * [Prime 3 lettere Nome] + [Cognome Pulito] + [Numero Random]
* Tutto in minuscolo. * Tutto in minuscolo.
* * Passi da completare: *
* Passi:
* 1. Recupera i valori degli input (nome e cognome). * 1. Recupera i valori degli input (nome e cognome).
* 2. Validazione: se uno dei due è vuoto, avvisa con alert() e fermati. * 2. Validazione: se uno dei due è vuoto, avvisa con alert() e fermati.
* 3. Pulizia NOME: * 3. Pulizia NOME:
* - Rimuovi spazi vuoti ai lati (.trim()) * - Rimuovi spazi vuoti ai lati (.trim())
* - Prendi solo le prime 3 lettere (.slice(0, 3) oppure .substring(0, 3)) * - Prendi solo le prime 3 lettere (.slice(0, 3) oppure .substring(0, 3))
* - Converti in minuscolo (.toLowerCase()) * - Converti in minuscolo (.toLowerCase())
* 4. Pulizia COGNOME: * 4. Pulizia COGNOME:
* - Rimuovi spazi vuoti ai lati (.trim()) * - Rimuovi spazi vuoti ai lati (.trim())
* - Sostituisci eventuali spazi interni (es. "De Luca") con un punto o niente (.replace(" ", "") oppure .replaceAll) * - Sostituisci eventuali spazi interni (es. "De Luca") con un punto o niente (.replace(" ", "") oppure .replaceAll)
* - Converti in minuscolo * - Converti in minuscolo
* 5. Genera un numero casuale tra 10 e 99 (Math.random, Math.floor). * 5. Genera un numero casuale tra 10 e 99 (Math.random, Math.floor).
* 6. Unisci tutto (Nome + Cognome + Numero) e mostralo nell'output. * 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');
}); });

View File

@@ -156,7 +156,7 @@
<div class="exercise-list"> <div class="exercise-list">
<a href="tutorial.html" class="card"> <a href="tutorial/index.html" class="card">
<div class="icon">🧪</div> <div class="icon">🧪</div>
<div class="info"> <div class="info">
<h3>Tutorial<span class="badge tutorial">Tutorial</span></h3> <h3>Tutorial<span class="badge tutorial">Tutorial</span></h3>