53 lines
1.3 KiB
JavaScript
53 lines
1.3 KiB
JavaScript
/**
|
|
* ESERCIZIO 1: Recupera i valori dagli input
|
|
* Selezioniamo i seguenti elementi dal DOM: `nome`, `eta`, `bio`, `cards-container` e `btn-crea-card`
|
|
*/
|
|
const inputNome = document.querySelector('');
|
|
const inputEta = document.querySelector('');
|
|
const inputBio = document.querySelector('');
|
|
const contenitoreCard = document.querySelector('');
|
|
const btnCreaCard = document.querySelector('');
|
|
|
|
|
|
/**
|
|
* FUNZIONE: cancella dati input
|
|
* Passi:
|
|
* 1. Imposta il valore di ogni input a stringa vuota
|
|
*/
|
|
function cancellaDatiInput() {
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
* FUNZIONE: crea la card profilo
|
|
* Passi:
|
|
* 1. Crea un nuovo elemento <li> con document.createElement('li')
|
|
* 2. Impostane la classe CSS a 'card'
|
|
* 3. Crea un H3 con il valore nome
|
|
* 4. Crea un paragrafo con il valore dell'età
|
|
* 5. Crea un paragrafo con il valore della biografia
|
|
* 6. Aggiungi tutti gli elementi alla card nell'ordine indicato
|
|
* 7. Aggiungi la card al cardsContainer
|
|
*/
|
|
function creaCardProfilo() {
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
* FUNZIONE: Event Listener sul bottone
|
|
* Mettiamo tutto quello che abbiamo fatto insieme in un event listener
|
|
* Passi:
|
|
* 1. Previeni il comportamento di default dell'evento
|
|
* 2. Chiama creaCardProfilo() con i dati
|
|
* 3. Pulisci gli input con cancellaDatiInput()
|
|
*/
|
|
btnCreaCard.addEventListener('click', (e) => {
|
|
e.preventDefault();
|
|
|
|
creaCardProfilo();
|
|
cancellaDatiInput();
|
|
});
|
|
|