← Dashboard

🔴 Pokédex

API pubblica PokéAPI

🔍 Cerca Pokémon

💡 Esempi: pikachu, charizard, 1 (Bulbasaur), 6 (Charizard)

⏳ Cercando Pokémon...

📝 Cosa Devi Fare

  1. Leggi il nome/numero dal campo input
  2. Fai una GET a https://pokeapi.co/api/v2/pokemon/{name_or_id}
  3. Verifica che la risposta sia OK (gestisci errori 404)
    • Se !response.ok, mostra un errore
  4. Estrai i dati da response:
    • name - Nome
    • sprites.front_default - Immagine
    • height - Altezza (in decimetri)
    • weight - Peso (in ettogrammi)
    • types[].type.name - Tipi (è un ARRAY!)
  5. Visualizza le informazioni in una card
💡 URL Completo (esempio Pikachu): 
https://pokeapi.co/api/v2/pokemon/pikachu
💡 Array Annidati - Come Accedere a types:

types è un ARRAY di oggetti. Ogni elemento ha type.name:

// response.types = [{type: {name: "electric"}}, {type: {name: "flying"}}]
// Per estrarre i nomi, usa map():
const typeNames = response.types.map(t => t.type.name);
// Risultato: ["electric", "flying"]
💡 Struttura Card da Visualizzare: 
<div class="pokemon-card">
  <img src="sprites.front_default" alt="name">
  <h3>name</h3>
  <p>Altezza: height dm</p>
  <p>Peso: weight hg</p>
  <p>Tipi: typeNames.join(", ")</p>
</div>
💡 Gestire Errori: 
if (!response.ok) {
    throw new Error('Pokémon non trovato');
}
🎯 Bonus Challenge:

Aggiungi una funzione che carica 6 Pokémon casuali al caricamento della pagina (usa numeri random tra 1 e 151 per Pokémon validi)