This commit is contained in:
2026-02-20 17:02:46 +01:00
parent 9da6d83c65
commit e35e3ccc1c
7 changed files with 262 additions and 323 deletions

View File

@@ -10,18 +10,8 @@ const btnFetch = document.querySelector('#btnFetch');
* FUNZIONE: Crea utente card
*
* Crea la card completa dell'utente e la inserisce nell'elemento result
* La struttura dell'oggetto user è visibile nella documentazione API.
* Funzione già fatta - non modificare
* L'oggetto user ha questa struttura:
* {
* id: number,
* nome: string,
* cognome: string,
* email: string,
* avatar: string (url),
* dataNascita: string (formato YYYY-MM-DD),
* comune: string,
* attivo: boolean
* }
*/
function creaCardUtente(user) {
result.innerHTML = `
@@ -58,12 +48,12 @@ function creaCardUtente(user) {
* e logga l'errore in console (per debug)
* Funzione già fatta - non modificare
*/
function handleError(message) {
function mostraErrore(message) {
console.error('Errore:', message);
result.innerHTML = `
<div class="error">
<strong>❌ ${message}</strong>
</div>
<div class="error">
<strong>❌ ${message}</strong>
</div>
`;
}
@@ -76,20 +66,21 @@ function handleError(message) {
* fare una chiamata GET a BASE_URL + "/users/" + id e mostrare i dati
*
* Passi:
* 1. Leggi l'ID utente dall'input
* 2. Controlla che l'ID sia valido, ovvero un numero tra 1 e 40
* In caso contrario, mostra un messaggio di errore (usa handleError()) e return
* 3. Mostra lo spinner di caricamento (rimuovi la classe nascosto)
* 4. Apri un blocco try/catch
* 5. Fai una fetch GET a /users/{id}
* 6. Se la risposta non è OK, usa handleError() per mostrare un messaggio e return
* 7. Converti la risposta in JSON
* 8. Mostra i dati dell'utente chiamando creaCardUtente(user)
* 9. Nascondi lo spinner di caricamento (aggiungi la classe nascosto)
* 1. Leggi l'ID utente dall'input
* 2. Controlla che l'ID sia valido, ovvero un numero tra 1 e 40
* In caso contrario, mostra un messaggio di errore (usa handleError()) e return
* 3. Mostra lo spinner di caricamento (rimuovi la classe nascosto)
* 4. Apri un blocco try/catch
* 5. Fai una fetch GET a /users/{id}
* 6. Se la risposta non è OK, lancia un errore con un messaggio che includa lo status code
* 7. Converti la risposta in JSON
* 8. Mostra i dati dell'utente chiamando creaCardUtente(user)
* 9. Nel catch, mostra un messaggio di errore usando handleError() e logga l'errore in console
* 10. Nascondi lo spinner di caricamento (aggiungi la classe nascosto)
*/
async function fetchUser() {
// TODO Rimuovi questa riga e completa la funzione
handleError('Codice non implementato - Completa la funzione fetchUser()');
mostraErrore('Codice non implementato - Completa la funzione fetchUser()');
}