diff options
| -rw-r--r-- | site/game.js | 51 | ||||
| -rw-r--r-- | site/index.html | 6 | ||||
| -rw-r--r-- | site/style.css | 0 |
3 files changed, 26 insertions, 31 deletions
diff --git a/site/game.js b/site/game.js index 4a5eff9..e0015be 100644 --- a/site/game.js +++ b/site/game.js @@ -2,38 +2,20 @@ const order = document.getElementById("graphOrder"); //TODO: read in player's name -function foo(){ - console.log(order.valueAsNumber); -} - -function getNimber(length){ - //TODO: copy from fast_p_sage - //TODO: put in seperate file -} - function createGame(length){ const game = { - board: Array(length).fill(1), - turn: getNimber(length) > 0 ? "computer" : "human", + size: length, finished: false, - result: "In Progress...", - //FIXME: turn shouldn't be an argument, - //FIXME: human and computer Play needs the game as an argument - nextTurn: (turn) => { - if(turn === "computer") - computerPlay() - else - humanPlay() - } + board: Array(length).fill(true), + turn: 0, + version: "0.0.0", + human_turn: false, + winner: "" } //TODO: create game in DOM return game; } -function computerPlay(game){ - -} - function humanPlay(game){ } @@ -46,11 +28,24 @@ function displayMessage(text){ } +async function sendGame(game){ + let response = await fetch("https://jpappel.xyz/toggle/query", { + method: "POST", + body: JSON.stringify(game), + headers: { + "Accept": "application/json", + "Content-Type": "application/json; charset=UTF-8" + } + }) + return JSON.parse(response.json()) +} + function playGame(){ const length = order.valueAsNumber; const game = createGame(length); - while(!game.finished){ - game.nextTurn(game.turn); - } - displayMessage(game.result); + console.log(sendGame(game)) + //while(!game.finished){ + // game.nextTurn(game.turn); + //} + // displayMessage(game.result); } diff --git a/site/index.html b/site/index.html index 24d50d2..5497e9a 100644 --- a/site/index.html +++ b/site/index.html @@ -9,12 +9,12 @@ <h1>Toggle Online</h1> Try to beat the computer :) <nav></nav> - <button onclick="foo()">Test</button> + <button onclick="playGame()">Test</button> <main> <section id="options" class="screen"> <h2>Options</h2> - <label for="graphOrder">Select a number of vertices for a path (0-100):</label> - <input type="number" name="graphOrder" id="graphOrder" defaultValue=7 min=0 max=100></input> + <label for="graphOrder">Select a number of vertices for a path (1-100):</label> + <input type="number" name="graphOrder" id="graphOrder" defaultValue=7 min=1 max=100></input> </section> <section id="game" class="screen"> <h2>Game</h2> diff --git a/site/style.css b/site/style.css new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/site/style.css |