Ejercicio de programación con JavaScript: API Fetch
Código
0h 15m
JavaScript: Aprende a usar API Fetch para obtener detalles de Pokémon desde pokeapi.co en ejercicios prácticos y actualizados.
Crea una función llamada fetchPokemonData
que utilice la API Fetch para obtener información sobre un Pokémon específico desde la API pública de Pokémon (pokeapi.co).
La función debe:
- Recibir como parámetro el nombre o número ID de un Pokémon (por ejemplo: "pikachu" o 25)
- Realizar una petición GET a la URL
https://pokeapi.co/api/v2/pokemon/{nombre-o-id}
- Convertir la respuesta a formato JSON
- Extraer y devolver un objeto con las siguientes propiedades del Pokémon:
- nombre: El nombre del Pokémon
- id: El número ID del Pokémon
- tipo: Un array con los tipos del Pokémon
- altura: La altura del Pokémon
- peso: El peso del Pokémon
La función debe manejar posibles errores en la petición, mostrando un mensaje descriptivo en la consola.
Ejemplo de uso:
fetchPokemonData("pikachu")
.then(data => {
console.log(data);
// Debería mostrar algo como:
// { nombre: "pikachu", id: 25, tipo: ["electric"], altura: 4, peso: 60 }
});
Todos los ejercicios de programación de JavaScript
Evalúa tus conocimientos con ejercicios de programación en JavaScript de tipo Test, Puzzle, Código y Proyecto con VSCode.
Array
Puzzle
Modificación de elementos DOM
Proyecto
Encapsulación
Puzzle
Manipulación DOM
Proyecto
Clases y objetos
Código
Uso de operadores
Puzzle
Uso de operadores
Test
Estructuras de control
Test
Funciones
Código
Excepciones
Test
Transformación con map()
Código
Arrays y Métodos
Código
Transformación con map()
Puzzle
Funciones flecha
Test
Async / Await
Código
Polimorfismo
Código
Variables
Código
Selección de elementos DOM
Puzzle
Encapsulación
Test
Mapas con Map
Código
Creación y uso de variables
Puzzle
Polimorfismo
Puzzle
Tipos de datos
Puzzle
Promises
Código
Estructuras de control
Puzzle
Pruebas unitarias
Proyecto
Encapsulación
Código
Inmutabilidad y programación funcional pura
Código
Destructuring de objetos y arrays
Código
Mapas con Map
Código
Funciones flecha
Puzzle
Polimorfismo
Test
Herencia
Código
Array
Código
Transformación con map()
Test
Gestor de tareas con JavaScript
Proyecto
Manipulación DOM
Test
Funciones
Test
Operadores avanzados
Código
Conjuntos con Set
Código
Funciones flecha
Código
Async / Await
Código
Clases y objetos
Código
Métodos de Strings
Código
Creación y uso de variables
Test
Excepciones
Puzzle
Promises
Código
Funciones cierre (closure)
Test
Funciones cierre (closure)
Código
Herencia
Puzzle
Prototipos y cadena de prototipos
Código
Herencia
Test
Estructuras de control
Código
Selección de elementos DOM
Test
Modificación de elementos DOM
Test
Funciones flecha
Código
Filtrado con filter() y find()
Test
Funciones cierre (closure)
Puzzle
Callbacks
Código
Funciones
Puzzle
Mapas con Map
Test
Reducción con reduce()
Test
Callbacks
Puzzle
Manipulación DOM
Puzzle
Introducción al DOM
Proyecto
Expresiones regulares
Código
Promises
Test
Async / Await
Test
Eventos del DOM
Puzzle
Introducción a JavaScript
Puzzle
Async / Await
Puzzle
Excepciones
Código
Promises
Puzzle
Selección de elementos DOM
Proyecto
Filtrado con filter() y find()
Código
Callbacks
Test
Eventos del DOM
Proyecto
Creación de clases y objetos Restaurante
Código
Reducción con reduce()
Código
Filtrado con filter() y find()
Puzzle
Reducción con reduce()
Puzzle
Conjuntos con Set
Puzzle
Herencia de clases
Código
Eventos del DOM
Test
Clases y objetos
Puzzle
Modificación de elementos DOM
Puzzle
Mapas con Map
Puzzle
Proyecto carrito compra agoodshop
Proyecto
Introducción a JavaScript
Test
Filtrado con filter() y find()
Código
Estructuras de control
Código
Funciones
Código
Reducción con reduce()
Código
Proyecto administrador de contactos
Proyecto
Tipos de datos
Test
Clases y objetos
Test
Array
Test
Conjuntos con Set
Test
Tutorial para resolver este ejercicio de programación
JavaScript
API Fetch
Programación asíncrona