Tenemos un juego que nos aparece la sombra de un pokemon, y tenemos que adivinar cúal es. Ponemos el nombre en el input y le damos al enter para comprobarlo.
Nuestro programa falla en algunas partes y queremos añadir una funcionalidad nueva. Revisa el código y hazte una idea general de como funciona. Para ello, fijate sobretodo:
- Nombre de las variables globales
- Nombre de las funciones
- El desarrollador ha dejado comentarios. Asegúrate de leerlos.
- Pon todos los console.log que consideres, o usa el depurador de JavaScript en Google Chrome para establecer puntos de parada
Corrige los siguientes errores detectados. Cada uno suele resolverse modificando una única línea de código. No tienes por qué resolverlos en orden
- la aplicación tan solo recupera 10 pokemons de la PokeAPI. Nos gustaría recuperar los pokemons de la primera generación (sí, tendrás que buscar cuantos pokemons hay en la primera genración)
- A pesar de que pongamos bien el nombre del pokemon, si lo ponemos en mayúsculas, no nos cuenta como acierto. Encuentra la línea que provoca esto y corrígela
- Nos han pedido que añadamos un botón que ponga "Check". Al hacer click en el, debe hacer lo mismo que el hecho de pulsar el enter
Fíjate en la función playPokemonMp3. Añade un listener con un evento adecuado para que, cuando el usuario haga click en el input de adivinar el pokemon, se ejecuta dicha función. Como pista, el evento que buscas tiene que ver con el focus de un elemento.
¿Dirías que la función getRandomIntInclusive es adecuada para nuestro programa? Para averiguarlo
- Establece el límite de pokemons a 1 (siempre recupera a bulbasaur de la API)
- Fíjate si se produce algún error al recargar la página
¿Qué está sucediendo?
Muchas veces vamos a tener que entender código, más o menos bien hecho, que no es nuestro. Es importante tomar soltura en este tipo de situaciones.