3 files changed, 13 insertions, 16 deletions
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>
diff --git a/site/style.css b/site/style.css
index cb82f1e..ccd1e60 100644
--- a/site/style.css
+++ b/site/style.css
@@ -21,6 +21,7 @@ main {
 #game {
     display: flex;
     flex-direction: row;
+    justify-content: center;
     flex-wrap: wrap;
     row-gap: 1vh;
 }