My Poké-List, using PokeAPI.

  • By Gustavo Santana
  • Last update: Aug 28, 2022
  • Comments: 1

Poké-List

Dê uma olhada!

Site desenvolvido por mim, utilizando HTML, CSS e JavaScript, a fim de estudar e me aprofundar em ferramentas e apresentação de API, sendo essa uma das ferramentas mais importantes para um dev Front End, pois trata o consumo de data vindo de um banco de dados.


Nele você pode vizualizar todos os pokémons da região que selecionar, e ainda filtrar por tipo, clicando em algum Pokémon as informações e status do mesmo aparecerão no card maior

gif-apresentacao

Github

https://github.com/gustavsant/Poke-List

Comments(1)

  • 1

    Refatorando linhas 162 à 179

    Amigo, o código abaixo é equivalente as linhas 162 à 179, mas eu não testei, tu vai ter que testar parcero também não consegui achar um nome bom pra essa função, vou deixar pra vc

    (function foo(){
    const classes = ['hp','ataque','defesa','ataque-sp','defesa-sp','velocidade'];
    const status = ['HP','Ataque','Defesa','Ataque.Sp','Defesa.Sp','Velocidade'];
    	for(let i = 0; i<classes.length; i++){
    		let pokeCard = document.querySelector(`.poke-stat-${classes[i]}`);
    		return pokeCard.innerHTML = `${status[i]}: ${target.stats[i].base_stat}`;
    	}
    }())