Esercizio 9 fix
This commit is contained in:
@@ -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>
|
||||||
|
|
||||||
|
|||||||
@@ -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');
|
|
||||||
});
|
});
|
||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user