Merge pull request #12 from OZimbres/LLZBranch

Llz branch
OZimbres · Sep 5, 2023 · d1f2cdc · d1f2cdc
2 parents 9598bc3 + 7c528a0
commit d1f2cdc
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 11 deletions.
diff --git a/html/jogoDaVelha.html b/html/jogoDaVelha.html
@@ -14,6 +14,7 @@
 </head>
 
 <body>
+    <!--Mensagens que apareçeram ao fim da partida-->
     <div class="mensagens">
         <div class="msg-vitoria hidden">
             <h1>X VENCEU!</h1>
@@ -36,19 +37,22 @@ <h1>
 
     <main>
         <aside class="fim">
+            <!--Contador de vitórias-->
             <div class="vitorias">
                 <h2 class="vitorias-x">X : 0</h2>
 
                 <h2 class="vitorias-o">O : 0</h2>
             </div>
 
+            <!--Botão de Recomeçar-->
             <div class="recomecar">
                 <figure class="recomecar-img-container">
                     <img src="../assets/imagens/jogoDaVelha/recomecarBtn.png" alt="">
                 </figure>
                 <h2>Recomeçar</h2>
             </div>
 
+            <!--Temporizador de jogador-->
             <h2 class="tempo">Tempo: 10</h2>
         </aside>
 

diff --git a/js/jogoDaVelha.js b/js/jogoDaVelha.js
@@ -96,6 +96,7 @@ document.addEventListener("DOMContentLoaded", () => {
         iniciarCronometro();
     }
 
+    //Durante o jogo, ao clicar na celula escolhida
     cells.forEach(cell => {
         const circuloImg = cell.querySelector(".circulo");
         const xImg = cell.querySelector(".x");
@@ -148,28 +149,29 @@ document.addEventListener("DOMContentLoaded", () => {
                 const cellB = cells[b];
                 const cellC = cells[c];
 
-                let symbolA = "";
-                let symbolB = "";
-                let symbolC = "";
+                let simboloA = "";
+                let simboloB = "";
+                let simboloC = "";
 
+                //Checar qual o simbolo na celula em questão
                 if (cellA.querySelector(".x.ativado")) {
-                    symbolA = "X";
+                    simboloA = "X";
                 } else if (cellA.querySelector(".circulo.ativado")) {
-                    symbolA = "O";
+                    simboloA = "O";
                 }
                 if (cellB.querySelector(".x.ativado")) {
-                    symbolB = "X";
+                    simboloB = "X";
                 } else if (cellB.querySelector(".circulo.ativado")) {
-                    symbolB = "O";
+                    simboloB = "O";
                 }
                 if (cellC.querySelector(".x.ativado")) {
-                    symbolC = "X";
+                    simboloC = "X";
                 } else if (cellC.querySelector(".circulo.ativado")) {
-                    symbolC = "O";
+                    simboloC = "O";
                 }
 
-                if (symbolA === symbolB && symbolB === symbolC && symbolA !== "") {
-                    if(symbolA == "O"){
+                if (simboloA === simboloB && simboloB === simboloC && simboloA !== "") {
+                    if(simboloA == "O"){
                         document.querySelector(".msg-vitoria h1").innerHTML = "O VENCEU!";
                         document.querySelector(".msg-vitoria h1").style.color = "var(--vermelho-pastel)";