fix api
This commit is contained in:
@@ -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()');
|
||||
}
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user