Message display above the board instead of console

zalbright90 · Aug 21, 2024 · 5b991e9 · 5b991e9
1 parent e3f7a21
commit 5b991e9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -7,6 +7,7 @@
     <link rel="stylesheet" href="styles.css">
 </head>
 <body>
+<div id="message"></div>
 <div class="board" id="gameBoard">
     <div class="cell" data-index="0"></div>
     <div class="cell" data-index="1"></div>

diff --git a/main.js b/main.js
@@ -42,14 +42,15 @@ const GameController = (function(Gameboard) {
     const playTurn = (index) => {
         if (Gameboard.placeMarker(index, currentPlayer.marker)) {
             if (checkWin()) {
-                console.log(`Sigurvegari! (Winner!) ${currentPlayer.name}`);
+                document.getElementById('message').textContent = `Sigurvegari! (Winner!) ${currentPlayer.name}`;
             } else if (checkTie()) {
-                console.log("JAFNTEFLI! (It's a tie game!)");
+                document.getElementById('message').textContent = "JAFNTEFLI! (It's a tie game!)";
             } else {
                 switchTurn();
+                document.getElementById('message').textContent = `${getCurrentPlayer().name}'s turn!`;
             }
         } else {
-            console.log("Invalid move. Try again.");
+            document.getElementById('message').textContent = "Invalid move. Try again.";
         }
     };