-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.js
28 lines (22 loc) · 835 Bytes
/
index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
const pokemonContainer = document.querySelector(".pokemon-container");
const formEl = document.querySelector("form");
const inputEl = document.querySelector("input[type=text]");
formEl.addEventListener("submit", (e) => {
e.preventDefault();
pokemonContainer.innerHTML = "";
getPokemon(inputEl.value);
});
async function getPokemon(name = "bulbasaur") {
const res= await fetch(`https://pokeapi.co/api/v2/pokemon/${name}`);
const pokemon = await res.json();
const pokemonEl = document.createElement("div");
pokemonEl.classList.add("pokemon");
pokemonEl.innerHTML = `
<div class="info">
<img src="https://pokeres.bastionbot.org/images/pokemon/${
pokemon.id}.png" width="200">
<h2>${pokemon.name}</h2>
</div>
`
pokemonContainer.appendChild(pokemonEl);
}