update: quantidade de itens flexivel

luiz87 · May 14, 2024 · 5cb8cb1 · 5cb8cb1
1 parent f5f98f0
commit 5cb8cb1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 16 deletions.
diff --git a/projetos/jogo-memoria/index.html b/projetos/jogo-memoria/index.html
@@ -13,22 +13,6 @@
     <h1>Jogo da memória</h1>
     <div id="tela">
         <div id="campo">
-            <div class="bloco"></div>
-            <div class="bloco"></div>
-            <div class="bloco"></div>
-            <div class="bloco"></div>
-            <div class="bloco"></div>
-            <div class="bloco"></div>
-            <div class="bloco"></div>
-            <div class="bloco"></div>
-            <div class="bloco"></div>
-            <div class="bloco"></div>
-            <div class="bloco"></div>
-            <div class="bloco"></div>
-            <div class="bloco"></div>
-            <div class="bloco"></div>
-            <div class="bloco"></div>
-            <div class="bloco"></div>
         </div>
     </div>
     <script src="js/script.js"></script>

diff --git a/projetos/jogo-memoria/js/script.js b/projetos/jogo-memoria/js/script.js
@@ -7,6 +7,11 @@ for (let i = 0; i < tamanho; i++) {
     lsEmoticons.push(lsEmoticons[i])    
 }
 
+const campo = document.getElementById("campo");
+for (const key in lsEmoticons) {
+    campo.innerHTML += `<div class="bloco"></div>`;
+}
+
 // para cada bloco incluir o evento de click
 let blocos = {};
 let lsBloco = document.getElementsByClassName("bloco");