☑️JOGO EM HTML/CSS/JS.
Esta é uma aplicação simples que permite ao usuário pesquisar e visualizar informações sobre Pokémon usando a PokeAPI.
pokemonName,pokemonNumber,pokemonImage: Referências aos elementos HTML onde o nome, número e imagem do Pokémon serão exibidos.form,input,buttonPrev,buttonNext: Referências aos elementos HTML relacionados ao formulário de pesquisa e aos botões de navegação.searchPokemon: Variável que mantém o número do Pokémon atualmente exibido.fetchPokemon: Função assíncrona que faz uma solicitação para a PokeAPI para obter dados do Pokémon especificado pelo número.renderPokemon: Função assíncrona que renderiza as informações do Pokémon na página HTML com base nos dados obtidos da PokeAPI. Também atualiza a variávelsearchPokemoncom o número do Pokémon exibido.submitno formulário: Quando o formulário é enviado, a funçãorenderPokemoné chamada com o valor inserido no campo de pesquisa.clicknos botões de navegação (buttonPrevebuttonNext): Quando um desses botões é clicado, a funçãorenderPokemoné chamada para exibir o Pokémon anterior ou seguinte, respectivamente.- A função
renderPokemoné chamada inicialmente para exibir o Pokémon com o número especificado pela variávelsearchPokemon. - O código usa a PokeAPI para obter os dados do Pokémon, incluindo nome, número e imagem.
- Ao pesquisar por um Pokémon, o código converte o valor inserido para minúsculas antes de enviar a solicitação à API.
- Os botões "Anterior" e "Próximo" permitem ao usuário navegar pelos Pokémon sequencialmente, incrementando ou decrementando o número do Pokémon atual.
- Se um Pokémon não for encontrado, uma mensagem "Not found :c" será exibida.
- Entendemos que para manipular arquivos em
HTML,CSSe outras linguagens relacionadas, é necessário possuir conhecimento nessas áreas. Para auxiliar nesse aprendizado, oferecemos cursos gratuitos disponíveis: