This commit is contained in:
2026-02-06 21:32:27 +01:00
parent c5feb63be3
commit d91e2912d1
2 changed files with 38 additions and 11 deletions

View File

@@ -30,8 +30,20 @@ let filmWatchlist = [
{ titolo: "Harry Potter e la Pietra Filosofale", anno: "2001" } { titolo: "Harry Potter e la Pietra Filosofale", anno: "2001" }
]; ];
/** /**
* STEP 1: Funzione Renderizza (visualizza) la lista * STEP 1: Caricamento Iniziale
* Leggi la chiave "my_watchlist" dal localStorage.
* Se esiste, parsa la stringa e riempi l'array 'filmWatchlist'.
* Se non esiste, lascia l'array vuoto.
* Infine chiama visualizzaLista().
*/
function caricaLista() {
}
/**
* STEP 2: Funzione Renderizza (visualizza) la lista
* Pulisce l'HTML e ricrea gli elementi basandosi sull'array filmWatchlist * Pulisce l'HTML e ricrea gli elementi basandosi sull'array filmWatchlist
* 1. Pulisci il contenuto di 'listaFilm'. * 1. Pulisci il contenuto di 'listaFilm'.
* 2. Per ogni film in 'filmWatchlist', crea un <li> con dentro --> <p>titolo (anno)</p> * 2. Per ogni film in 'filmWatchlist', crea un <li> con dentro --> <p>titolo (anno)</p>
@@ -40,15 +52,6 @@ let filmWatchlist = [
function visualizzaLista() { function visualizzaLista() {
} }
/**
* STEP 2: Caricamento Iniziale
* Leggi la chiave "my_watchlist" dal localStorage.
* Se esiste, parsa la stringa e riempi l'array 'filmWatchlist'.
* Se non esiste, lascia l'array vuoto.
* Infine chiama visualizzaLista().
*/
function inizializzaApp() {
}
/** /**
* STEP 3: Aggiunta e Salvataggio * STEP 3: Aggiunta e Salvataggio
@@ -65,7 +68,7 @@ function inizializzaApp() {
// AVVIO // AVVIO
inizializzaApp(); caricaLista();

View File

@@ -1,6 +1,30 @@
// ⚠️ COMPILARE PRIMA DI INIZIARE // ⚠️ COMPILARE PRIMA DI INIZIARE
const BASE_URL = 'http://localhost:3000/api'; const BASE_URL = 'http://localhost:3000/api';
/**
* FUNZIONE che crea la card HTML per un singolo utente
*
* Passi:
* 1. Crea un template literal con la struttura HTML della card
* 2. Usa i dati dell'oggetto user per popolare i campi
* 3. La struttura della card deve essere simile a questa:
* <div class="user-card">
* <img src="avatar_url" alt="Avatar" class="card-avatar">
* <div class="card-content">
* <h3>Nome Cognome</h3>
* <p class="email">📧 email</p>
* <p class="location">📍 comune</p>
* <div class="status attivo/inattivo"> Attivo/Inattivo </div>
* </div>
* </div>
*/
function creaCardUser(user) {
return ``;
}
/** /**
* ESERCIZIO 2: Recupera TUTTI gli utenti * ESERCIZIO 2: Recupera TUTTI gli utenti
* *