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

@@ -8,6 +8,9 @@ const btnSearch = document.querySelector('#btnSearch');
/**
* FUNZIONE: Crea la card HTML per un singolo post con autore a fianco
* Prende un oggetto post e un oggetto autore e crea una card da inserire nei risultati
* La struttura dell'oggetto post è visibile nella documentazione API.
* La struttura dell'oggetto autore è visibile nella documentazione API.
*
* Funzione già fatta - non modificare
*/
@@ -40,13 +43,13 @@ function creaElementoPost(post, autore) {
* Mostra un messaggio di errore e logga in console
* Funzione già fatta - non modificare
*/
function handleError(message) {
function mostraErrore(message) {
console.error('Errore:', message);
results.innerHTML = `
<div class="error">
<strong>❌ ${message}</strong>
</div>
`;
console.error('Errore:', message);
}
@@ -55,18 +58,18 @@ function handleError(message) {
*
* Devi completare questa funzione:
* 1. Leggi la parola chiave dall'input
* 2. Svuota il contenuto dei risultati (results.innerHTML = '')
* 3. Valida che non sia vuota (usa trim)
* 2. Valida che non sia vuota (usa trim)
* 3. Svuota il contenuto dei risultati (results.innerHTML = '')
* 4. Mostra lo spinner di caricamento
* 5. Apri un blocco try/catch
* 6. Fai una GET a /posts
* 7. Filtra i post dove titolo O contenuto contiene la keyword
* (ricorda minuscole per la ricerca)
* 8. Se nessun post trovato, usa handleError() e return
* 7. Filtra i post dove titolo contiene la keyword
* (ricorda minuscole per la ricerca in entrambe le stringhe)
* 8. Se nessun post trovato lancia un errore "Nessun post trovato"
* 9. Per ogni post trovato:
* - Prendi l'id autore e fai una GET a /users?id=[id]
* - Crea un nuovo elemento della lista dei risultati con creaElementoPost(post, autore)
* 10. Gestisci gli errori con handleError()
* 10. Nel catch, mostra un messaggio di errore usando mostraErrore()
* 11. Nascondi lo spinner di caricamento
*/
async function fetchPostsByKeyword() {