Un bikram es una combinaci贸n de ejercicios de programaci贸n para perfeccionar la conexi贸n entre el programador interior que llevas dentro y el alma del lenguaje de programaci贸n. Aprovecha los checkboxes en el enunciado para ir marcando que ejercicios llevas realizados.
Estas pruebas cubren un espectro de dificultad incremental, dotada de tests que cubrir谩n la correcta resoluci贸n para ayudarte a encontrar posibles errores en tu c贸digo.
La soluciones a los bikrams deber谩n hacerse en ./index.js y tienen que subirse a GitHub, adem谩s, deber谩 incluirse una captura de pantalla de los tests.
Utilizando la api de Pokemon https://pokeapi.co/ y usando s贸lo async/await:
Antes de empezar, lee la documentaci贸n de la API para comprender como funcionan los endpoints
Ejercicio 1.- Declara una funci贸n getRandomPokemon que retorne un pokemon aleatorio.
Ejercicio 2.- Declara una funcion getImageAndName que retorne el nombre y la URL de la imagen de un pokemon => (return {img, name})
Ejercicio 3.- Declara una funcion printImageAndName que retorne el string necesario para pintar la imagen y el nombre del pokemon en el DOM de la siguiente forma:
<section>
<img src="url de imagen" alt="nombre del pokemon">
<h1>Nombre del pokemon</h1>
</section>
Recordatorio, la API de perritos era 'https://dog.ceo/dog-api/'
Ejercicio 4.- Declara una funci贸n getRandomDogImage que retorne la url de la imagen de un perro aleatorio
Ejercicio 5.- Declara una funci贸n getRandomPokemonImage que retorne la url de la imagen de un pokemon aleatorio.
Ejercicio 6.- Declara una funci贸n printPugVsPikachu que pinte la batalla entre "Pug" y "Pikachu" (no se testea)
Usando la api de Rick and Morty https://rickandmortyapi.com/ y s贸lo async/await:
Ejercicio 7.- Declara una funci贸n getRandomCharacter que retorne un personaje aleatorio.
Ejercicio 8.- Declara una funci贸n getRandomCharacterInfo que retorne de un personaje su imagen, nombre, episodios en los que aparece y el nombre del primer episodio en el que aparece + fecha de estreno, tendr谩s que hacer otro fetch para llegar a los ultimos datos. Formato de retorno => (return {img, name, episodes, firstEpisode, dateEpisode})
Ejercicio 9.- Pinta los anteriores datos en el DOM (no se testea)