1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
|
const order = document.getElementById("graphOrder");
const test_bttn = document.getElementById("test_bttn");
const optionsScreen = document.getElementById("optionsScreen");
const gameScreen = document.getElementById("gameScreen");
const gameContainer = document.getElementById("game");
const testGame = {
size: 7,
finished: false,
board: Array(7).fill(true),
turn: 0,
version: "0.0.0",
human_turn: false,
winner: ""
}
function createGame(length){
const game = {
size: length,
finished: false,
board: Array(length).fill(true),
turn: 0,
version: "0.0.0",
human_turn: false,
winner: ""
}
//TODO: create game in DOM
gameContainer.innerText = ""
game.board.forEach((status) => {
let light = document.createElement("div");
light.classList.add('vertex')
gameContainer.appendChild(light)
})
return game;
}
function toggle_screen(){
optionsScreen.classList.toggle('inactive');
gameScreen.classList.toggle('inactive');
renderGame(testGame)
}
async function humanPlay(game){
}
function renderGame(game){
//TODO: update game in DOM
}
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 response.json()
}
async function gameLoop(){
}
function playGame(){
//const length = order.valueAsNumber;
//let game = createGame(length);
//game = sendGame(game);
//window.alert("Game Play Not implemented yet")
const game = createGame(7)
renderGame(game)
//while(!game.finished){
// humanPlay(game)
// // game.nextTurn(game.turn);
//}
// displayMessage(game.result);
}
|
