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
84
85
|
console.log('Hello from app.js');
const turns = {true: 'X', false: 'O'};
const boardTurn = function() {
console.log('clicked', this.id, this.bitBoard);
};
const checkVictory = function() {
let checkSum = 0;
let victory = false;
const rows = [
//rows
[0, 1, 2],
[3, 4, 5],
[6, 7, 8],
//columns
[0, 3, 6],
[1, 4, 7],
[2, 5, 8],
//diagonals
[0, 4, 8],
[2, 4, 6]
];
const xBoard = this.bitBoard.slice(0, 9);
const oBoard = this.bitBoard.slice(9, 18);
let checkRow = [];
rows.forEach(row => {
checkRow = xBoard.filter((_, index) => row.includes(index));
checkSum = checkRow.reduce((acc, value) => acc + value, 0);
if (checkSum == 3) {
victory = true;
board.victory_row = row;
};
checkRow = oBoard.filter((_, index) => row.includes(index));
checkSum = checkRow.reduce((acc, value) => acc + value, 0);
if (checkSum == 3) {
victory = true;
board.victory_row = row;
};
});
board.victory = victory;
if (victory) {
board.victor = board.turn;
};
return(victory);
};
const squareClick = function() {
console.log('clicked', this.id, this.innerText, this.position);
if (this.innerText == '') {
//Mark board
this.innerText = this.board.turn;
//Update bitBoard
let pos = 9 * (this.board.turn==turns[false]);
pos += this.position - 1
this.board.bitBoard[pos] = 1;
//check victory
this.board.checkVictory();
if (this.board.victory) {
console.log(`${this.board.victor} wins!!!`);
};
//Switch player turn
this.board.turn = turns[this.board.turn==turns[false]]
};
};
const initBoard = function(board) {
board.squares = board.getElementsByClassName('square');
board.squares = Array.from(board.squares);
board.squares.forEach(square => {
square.addEventListener('click', squareClick);
square.board = board;
square.position = parseInt(square.id.match(/\d+/)[0], 10);
});
board.addEventListener('click', boardTurn);
board.turn = turns[true];
board.bitBoard = Array(18).fill(0);
board.checkVictory = checkVictory;
};
const board = document.getElementById('board');
initBoard(board);
|
