From 569cdd8caed5f60a662f17d9cc1839cd433579fc Mon Sep 17 00:00:00 2001
From: JP Appel <jeanpierre.appel01@gmail.com>
Date: Thu, 26 Oct 2023 00:08:38 -0700
Subject: testing toggle server

---
 site/game/game.js    | 26 +++++++++++---------------
 site/game/index.html |  2 +-
 2 files changed, 12 insertions(+), 16 deletions(-)

(limited to 'site/game')

diff --git a/site/game/game.js b/site/game/game.js
index bd88c35..79258db 100644
--- a/site/game/game.js
+++ b/site/game/game.js
@@ -3,7 +3,9 @@ const test_bttn = document.getElementById("test_bttn");
 const optionsScreen = document.getElementById("optionsScreen");
 const gameScreen = document.getElementById("gameScreen");
 const gameContainer = document.getElementById("game");
-const new_game = document.getElementById('new-game');
+const computer = document.getElementById('computer');
+
+document.getElementById('new-game').addEventListener('click', toggle_screen);
 
 const base_url = "https://jpappel.xyz/toggle/game"
 
@@ -18,7 +20,6 @@ const testGame = {
 }
 
 function createGame(length){
-    //TODO: get request of game from server
     const game = {
         size: length,
         finished: false,
@@ -44,12 +45,7 @@ function createGame(length){
 
 function getGame(length){
     return fetch(`${base_url}/new?size=${length}`, {
-        method: "GET",
-        mode: "cors",
-        cache: "no-cache",
-        headers: {
-            'Access-Control-Allow-Origin': base_url
-        }
+        method: "GET"
     });
 }
 
@@ -140,16 +136,16 @@ async function sendGame(game){
 }
 
 function startGame(){
-    //const length = order.valueAsNumber;
-    //let game = createGame(length);
-    //game = sendGame(game);
-    //window.alert("Game Play Not implemented yet")
-    //
-    const [game, vertices] = createGame(20);
+    const length = order.valueAsNumber;
+    const playComputer = computer.checked;
+    const [game, vertices] = createGame(length);
+    if(playComputer)
+        game = sendGame(game);
     toggle_screen();
     gameContainer.addEventListener("vertToggle", () => {
         updateGame(game, vertices);
-        // sendGame(game);
+        if(playComputer)
+            game = sendGame(game);
     });
     gameContainer.addEventListener("recieveGame", () => {
         renderGame(game, vertices);
diff --git a/site/game/index.html b/site/game/index.html
index 91cbac1..5af007b 100644
--- a/site/game/index.html
+++ b/site/game/index.html
@@ -21,7 +21,7 @@
                 </div>
                 <div>
                     <label for="computer">Play against the optimal strategy (you will lose!)</label>
-                    <input type="checkbox" name="computer"></input>
+                    <input type="checkbox" name="computer" id="computer"></input>
                 </div>
                 <button onclick="startGame()">Play</button>
             </section>
-- 
cgit v1.2.3