Untitled

mail@pastecode.io avatar
unknown
plain_text
a year ago
1.5 kB
1
Indexable
Never
// 1. Piensa en esto como pedirle a tu navegador que vaya a la página web de la PokeAPI y te traiga la información de los primeros 10 Pokémon.
fetch('https://pokeapi.co/api/v2/pokemon?limit=10')
  // 2. Ahora, tienes que esperar a que tu navegador traiga la información. Cuando la tenga, te la entregará. 
  .then(response => {
    // 3. Pero primero, debes comprobar si tu navegador pudo obtener la información correctamente. Si hubo un error (como si la página no existiera o algo salió mal), debes ser consciente de ello.
    if (!response.ok) {
      // 4. Si algo salió mal, te avisamos con un mensaje de error que indica qué salió mal.
      throw new Error(`HTTP error! status: ${response.status}`);
    }
    // 5. Si todo salió bien y obtuviste la información, debes convertirla a un formato que puedas entender y trabajar (en este caso, un objeto JSON).
    return response.json();
  })
  // 6. Una vez que tienes la información en un formato que puedes manejar, puedes empezar a hacer cosas con ella.
  .then(data => {
    // 7. Aquí, vas uno por uno a través de la lista de los Pokémon que obtuviste.
    for (let pokemon of data.results) {
      // 8. Y para cada Pokémon, tomas su nombre y lo muestras para que puedas verlo.
      console.log(pokemon.name);
    }
  })
  // 9. Si algo sale mal en cualquier parte del proceso, te darás cuenta y verás un mensaje que te dice qué salió mal.
  .catch(error => console.log('Hubo un problema con tu solicitud: ', error.message));