Merge pull request #7 from JackeAguiar/cards-na-tela

tentativa de colocar o card na tela
JackeAguiar · Mar 7, 2022 · a6442db · a6442db
2 parents 95b715a + 4253761
commit a6442db
Showing 1 changed file with 13 additions and 10 deletions.
diff --git a/src/main.js b/src/main.js
@@ -3,24 +3,27 @@ import data from './data/pokemon/pokemon.js';
 
 console.log(example, data);
 
-const pokemons = data.pokemon.slice(1, 151),
-const cardsPokemon = getElementById("cards")
+const pokemons = data.pokemon.slice(0, 251)
 
+const cardsPokemon = document.getElementById("cards");
 
-function cardsPokemon(arrayPokemon){
+cardsPokemons(pokemons);
+
+
+function cardsPokemons(arrayPokemon){
     let cards = "";
-    arrayPokemon.map(actualPokemon) => {
+    arrayPokemon.map(actualPokemon => {
         const types = actualPokemon.types;
         cards +=
-            `<div class="card" '${types[0]}'>
+            `<div class="card" '${types['']}'>
         <img class="card-image " alt="${actualPokemon.name}" src="https://www.serebii.net/pokemongo/pokemon/${actualPokemon.num}.png" />
         <h2 class="card-title"> ${actualPokemon.num}. ${actualPokemon.name} </h2>
         <p class="card-subtitle" id="card-subtitle">${actualPokemon.size.height} | ${actualPokemon.size.weight} </p>
         <p class="card-subtitle2" id="card-subtitle2">${types.join(' | ')} </p>
-        <p class="card-subtitle3" id="card-subtitle">${actualPokemonl.generation.name} </p>
-        </div>`;
+        <p class="card-subtitle3" id="card-subtitle">${actualPokemon.generation.name} </p>
+        </div>`
     });
-
-    cardPokemon.innerHTML = cards;
+     console.log(arrayPokemon)
+    cardsPokemon.innerHTML = cards;
 }
-cardsPokemon(pokemons);
+