/** * Progetto finale JS - Prodotti Negozio Online * Crea una pagina che mostra una lista di prodotti recuperati da un'API (es. http://localhost:5000/api/products) * Ogni prodotto ha: id, nome, descrizione, categoria, prezzo, immagine, disponibilità * * FUNZIONALITÀ: * 1. Recupera i prodotti da API (fetch GET) * 2. Mostra i prodotti in una tabella con immagine, nome, prezzo e disponibilità * 3. Quando l'utente clicca su un prodotto, mostra i dettagli in una sezione a parte (usa le classi "modal" e "nascosto" nella sezione) * 4. Nella sezione dei dettagli, mostra TUTTE le info del prodotto e un pulsante "Chiudi" per nascondere la sezione * * Suggerimenti per l'implementazione: * - Crea una funzione che genera una riga di un singolo prodotto * - Crea una funzione che visualizza l'intera tabella dei prodotti (che richiama la funzione precedente per ogni prodotto) * - Crea una funzione che fa mostra la sezione dei dettagli con le info del prodotto passato per parametro * - Aggiungi un event listener a ogni riga della tabella per mostrare i dettagli del prodotto cliccato (usa la funzione di visualizzazione dei dettagli) * - Aggiungi un event listener al pulsante "Chiudi" per nascondere la sezione dei dettagli * * Bonus: * - Aggiungi una barra di ricerca per filtrare i prodotti per nome (filtro testuale) * - Aggiungi un filtro per categoria (dropdown) per mostrare solo i prodotti di una certa categoria * Nota: i filtri devono lavorare insieme e sui dati già recuperati, senza fare nuove richieste all'API */