-3

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']; **

0

Você deve fazer log-in para responder a esta pergunta.

Pesquise outras perguntas com a tag .