From 8a4aa970eec673c7040730293f61c74f20bbde39 Mon Sep 17 00:00:00 2001
From: Francisco Pessano <franpessano1@gmail.com>
Date: Tue, 28 Dec 2021 11:08:55 -0300
Subject: [PATCH] Tie logic added

---
 script/game-functions/checkVictory.js | 12 ++++++--
 script/game-functions/gameLogic.js    |  9 ++++--
 script/game-functions/tieActions.js   | 41 +++++++++++++++++++++++++++
 3 files changed, 57 insertions(+), 5 deletions(-)
 create mode 100644 script/game-functions/tieActions.js

diff --git a/script/game-functions/checkVictory.js b/script/game-functions/checkVictory.js
index eb800b0..4e1a431 100644
--- a/script/game-functions/checkVictory.js
+++ b/script/game-functions/checkVictory.js
@@ -1,7 +1,5 @@
-export default function checkVictory(combinations, boxes) {
+export default function checkVictory(combinations, boxes, globalBoxesMarked) {
 
-    const boxesSorted = boxes.sort()
-    
     const result = []
 
     combinations.forEach(combination => {
@@ -11,8 +9,16 @@ export default function checkVictory(combinations, boxes) {
             console.log('WIN')
             result.push('WIN')
             result.push(combination)
+            
         }
+        
     });
+        console.log(globalBoxesMarked.length)
+        
+        if (globalBoxesMarked.length === 9 && result.length === 0) {
+            
+            result.push('TIE')
+        }
     
     return result
 }
\ No newline at end of file
diff --git a/script/game-functions/gameLogic.js b/script/game-functions/gameLogic.js
index 7caf9f9..63e0313 100644
--- a/script/game-functions/gameLogic.js
+++ b/script/game-functions/gameLogic.js
@@ -1,5 +1,6 @@
 import accessToCombinations from "./accessToCombinations.js"
 import checkVictory from "./checkVictory.js"
+import tieActions from "./tieActions.js"
 import victoryActions from "./victoryActions.js"
 
 export default function gameLogic(checkInputsResult, replay) {
@@ -50,8 +51,7 @@ export default function gameLogic(checkInputsResult, replay) {
 
             actualPlayer.markedBoxes.push(box.id)
 
-            const checkVictoryResult = checkVictory(combinations, actualPlayer.markedBoxes)
-            console.log(checkVictoryResult)
+            const checkVictoryResult = checkVictory(combinations, actualPlayer.markedBoxes, boxesMarked)
             
             const data = {
 
@@ -64,6 +64,11 @@ export default function gameLogic(checkInputsResult, replay) {
                 victoryActions(checkVictoryResult[1], actualPlayer.name, data)
             }
 
+            if (checkVictoryResult[0] === 'TIE') {
+
+                tieActions(data)
+            }
+
             if (players.indexOf(actualPlayer) === 0) {
 
                 actualPlayer = players[1]
diff --git a/script/game-functions/tieActions.js b/script/game-functions/tieActions.js
new file mode 100644
index 0000000..d41221d
--- /dev/null
+++ b/script/game-functions/tieActions.js
@@ -0,0 +1,41 @@
+export default function tieActions(data) {
+
+    const stylesActions = (() => {
+
+        let victoryMessage = document.getElementsByClassName('victory-message')[0]
+            victoryMessage.classList.remove('hidden')
+            victoryMessage.classList.add('animate__fadeInDown')
+        
+        let victoryMessageText = victoryMessage.children[0]
+            victoryMessageText.innerText = 'Tie!'
+
+        let victoryBackground = document.getElementsByClassName('background-winner-div')[0]
+            victoryBackground.classList.add('show')
+
+        let game = document.getElementsByClassName('tic-tac-toe')[0]
+            game.classList.add('completed')
+    })()
+
+    const button = document.getElementById('play-again-button')
+
+    button.addEventListener('click', (e) => {
+
+        e.preventDefault()
+
+        const game = document.getElementsByClassName('game')[0]
+        
+        game.classList.add('animate__fadeOutDown')
+
+        console.log(data)
+
+        setTimeout(() => {
+
+            game.classList.add('hidden')
+            
+            localStorage.setItem('data', JSON.stringify(data))
+
+            location.reload();
+
+        }, 1000)
+    })
+}
\ No newline at end of file