poke

 avatar
unknown
javascript
4 years ago
1.0 kB
13
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...