68 lines
1.7 KiB
JavaScript
68 lines
1.7 KiB
JavaScript
/**
|
|
* ESERCIZIO 1: Recupera i valori dagli input
|
|
* Selezioniamo i seguenti elementi dal DOM: `nome`, `eta`, `bio`, `cards-container` e `btn-crea-card`
|
|
* Sostituisci il contenuto delle virgolette con il metodo per selezionare gli elementi
|
|
* (document.querySelector) usando gli id corretti.
|
|
*/
|
|
const inputNome = "";
|
|
const inputEta = "";
|
|
const inputBio = "";
|
|
const contenitoreCard = "";
|
|
const btnCreaCard = "";
|
|
|
|
|
|
/**
|
|
* FUNZIONE: cancella dati input
|
|
* Passi:
|
|
* 1. Imposta il valore di ogni input a stringa vuota
|
|
*/
|
|
function cancellaDatiInput() {
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
* FUNZIONE: valida dati input
|
|
* Passi:
|
|
* 1. Controlla che il valore di ogni input non sia vuoto
|
|
* 2. Se uno è vuoto ritorna false
|
|
* 3. Se tutti sono validi, ritorna true
|
|
*/
|
|
function validaDatiInput() {
|
|
return true;
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
* FUNZIONE: crea la card profilo
|
|
* Passi:
|
|
* 1. In input prendi i valori nome, età, bio
|
|
* 2. Crea un nuovo elemento <li> con document.createElement('li')
|
|
* 3. Impostane la classe CSS a 'card'
|
|
* 4. Crea un H3 con il nome
|
|
* 5. Crea un paragrafo con l'età
|
|
* 6. Crea un paragrafo con la biografia
|
|
* 7. Aggiungi tutti gli elementi alla card nell'ordine indicato
|
|
* 8. Aggiungi la card al cardsContainer
|
|
*/
|
|
function creaCardProfilo(nome, eta, bio) {
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
* FUNZIONE: Event Listener sul bottone
|
|
* Mettiamo tutto quello che abbiamo fatto insieme in un event listener
|
|
* Passi:
|
|
* 1. Al click del bottone, leggi i valori dagli input
|
|
* 2. Valida i dati con validaDatiInput()
|
|
* 3. Se validi:
|
|
* - Chiama creaCardProfilo() con i dati
|
|
* - Pulisci gli input con cancellaDatiInput()
|
|
* 4. Se non validi, mostra un alert("Per favore, compila tutti i campi!")
|
|
*/
|
|
btnCreaCard.addEventListener('click', function () {
|
|
});
|
|
|