Berack/esercizi-web
1
0
Fork 0
Code Issues 1 Pull Requests Activity

Update javascript/JS_Esercizi 08 - DOM+/02_card_profilo/script.js

Browse Source 
Signed-off-by: Giacomo Bertolazzi <giacomobertolazzi7@gmail.com>
This commit is contained in:
Giacomo Bertolazzi
2026-02-05 17:07:05 +01:00
parent b9040c81b4
commit cdcb614da8
1 changed files with 13 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
javascript/JS_Esercizi 08 - DOM+/02_card_profilo/script.js
View File

@@ -1,14 +1,12 @@
/** /**
* ESERCIZIO 1: Recupera i valori dagli input * ESERCIZIO 1: Recupera i valori dagli input
* Selezioniamo i seguenti elementi dal DOM: `nome`, `eta`, `bio`, `cards-container` e `btn-crea-card` * 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 inputNome = document.querySelector('');
const inputEta = ""; const inputEta = document.querySelector('');
const inputBio = ""; const inputBio = document.querySelector('');
const contenitoreCard = ""; const contenitoreCard = document.querySelector('');
const btnCreaCard = ""; const btnCreaCard = document.querySelector('');
/** /**
@@ -21,19 +19,6 @@ 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 * FUNZIONE: crea la card profilo
* Passi: * Passi:
@@ -54,12 +39,14 @@ function creaCardProfilo() {
* FUNZIONE: Event Listener sul bottone * FUNZIONE: Event Listener sul bottone
* Mettiamo tutto quello che abbiamo fatto insieme in un event listener * Mettiamo tutto quello che abbiamo fatto insieme in un event listener
* Passi: * Passi:
* 1. Valida i dati con validaDatiInput() * 1. Previeni il comportamento di default dell'evento
* 2. Se validi: * 2. Chiama creaCardProfilo() con i dati
* - Chiama creaCardProfilo() con i dati * 3. Pulisci gli input con cancellaDatiInput()
* - Pulisci gli input con cancellaDatiInput()
* 3. Se non validi, mostra un alert("Per favore, compila tutti i campi!")
*/ */
btnCreaCard.addEventListener('click', function () { btnCreaCard.addEventListener('click', (e) => {
e.preventDefault();
creaCardProfilo();
cancellaDatiInput();
}); });