Estou tentando incrementar a funcao de mostrar a versao shiny do pokemon no meu projeto de pokedex, ate entao consegui colocar o botao na pokedex, porem nao consigo fazer funcionar. (estou usando a pokeAPI)
Meu código ate entao é esse:
const pokemonName = document.querySelector('.pokemon__name');
const pokemonNumber = document.querySelector('.pokemon__number');
const pokemonImage = document.querySelector('.pokemon__image');
const form = document.querySelector('.form');
const input = document.querySelector('.input__search');
const buttonPrev = document.querySelector('.btn-prev');
const buttonNext = document.querySelector('.btn-next');
const buttonShiny = document.querySelector('.button-shiny')
let searchPokemon = 1;
const fetchPokemon = async pokemon => {
// Definimos a funcao como uma funcao assincrona usando o async
const APIResponse = await fetch(`https://pokeapi.co/api/v2/pokemon/${pokemon}`);
if (APIResponse.status === 200) {
const data = await APIResponse.json();
return data;
}
}
const renderPokemon = async pokemon => {
pokemonName.innerHTML = "Loading..."
pokemonNumber.innerHTML = '';
const data = await fetchPokemon(pokemon);
if(data) {
pokemonImage.style.display = 'block';
pokemonName.innerHTML = data.name;
pokemonNumber.innerHTML = data.id;
pokemonImage.src = data['sprites']['versions']['generation-v']['black-white']['animated']['front_default'];
input.value = '';
searchPokemon = data.id;
} else {
pokemonImage.style.display = 'none';
pokemonName.innerHTML = 'Not found';
pokemonNumber.innerHTML = '';
}
}
form.addEventListener('submit', event => {
event.preventDefault();
renderPokemon(input.value.toLowerCase());
})
buttonPrev.addEventListener('click', () => {
if(searchPokemon > 1) {
searchPokemon -= 1;
renderPokemon(searchPokemon)
}
})
buttonNext.addEventListener('click', () => {
searchPokemon += 1;
renderPokemon(searchPokemon)
})
buttonShiny.addEventListener('click', () => {
})
renderPokemon(searchPokemon)
**Como podem ver eu criei o botao "buttonShiny"(esta funcionando), mas nao sei o que colocar para que apareca na tela o pokemon shiny, na api o codigo da sprite do shiny é: data['sprites']['versions']['generation-v']['black-white']['animated']['front_shiny']; **