poke
unknown
javascript
4 years ago
1.0 kB
20
Indexable
const div$$ = document.querySelector(".container");
const arrayBueno = () => {
const allPoke = [];
for (let i = 1; i <= 151; i++) {
const baseDatos = `https://pokeapi.co/api/v2/pokemon/${i}`;
allPoke.push(fetch(baseDatos).then(res => res.json()));
}
Promise.all(allPoke).then(results => {
const pokemon = results.map(data => ({
name: data.name,
image: data.sprites['front_default'],
id: data.id,
}));
console.log(pokemon)
print(pokemon);
})
}
const print = (pokemon) => {
for (const poke of pokemon) {
const div2$$ = document.createElement('div');
div2$$.innerHTML =
`<h3>${poke.name}</h3>
<img src="${poke.image}" max-width="200px"/>
<p>${poke.id}</p>`
div$$.appendChild(div2$$);
}
}
arrayBueno();
Editor is loading...