-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
101 lines (91 loc) · 2.55 KB
/
script.js
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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
const blocks = document.querySelectorAll('div');
const results = document.querySelector('.message');
const reset = document.querySelector('.reset');
const text = document.querySelector('.text');
const movement = [
{answer: [1,2,3]},
{answer: [1,4,7]},
{answer: [2,5,8]},
{answer: [3,6,9]},
{answer: [4,5,6]},
{answer: [7,8,9]},
{answer: [7,5,3]},
{answer: [1,5,9]},
]
let counter = 0;
let playerOneState = [];
let playerTwoState = [];
let playerOneWin = false;
let playerTwoWin = false;
let draw = false;
const playerOne = (a)=>{
a.currentTarget.innerText = 'X'
a.currentTarget.classList.add('red')
counter++
playerOneState.push(Number(box.dataset.number));
function check(){
for(let i = 0; i < movement.length; i++){
let checker = ()=> movement[i].answer.every(v => playerOneState.includes(v));
if(checker()){
playerOneWin = true;
results.classList.add('display');
text.innerText = 'red player wins!';
results.classList.add('redWins');
}
}
}
check();
}
const playerTwo = (a)=>{
a.currentTarget.innerText = 'O';
a.currentTarget.classList.add('blue')
counter++
playerTwoState.push(Number(box.dataset.number));
function check(){
for(let i = 0; i < movement.length; i++){
let checker = ()=> movement[i].answer.every(v => playerTwoState.includes(v));
if(checker()){
playerTwoWin = true;
results.classList.add('display');
text.innerText = 'blue player wins!'
results.classList.add('blueWins');
}
}
}
check();
}
blocks.forEach(e =>{
e.addEventListener('click', function(a){
box = a.currentTarget;
if(box.innerText == '' && counter % 2 == 0){
playerOne(a);
}
else if (box.innerText == ''){
playerTwo(a);
}
if(counter == 9 && playerOneWin == false && playerTwoWin == false){
draw = true;
console.log('draw');
results.classList.add('display');
text.innerText = 'Draw'
}
})
});
reset.addEventListener('click', ()=>{
playerOneState = [];
playerTwoState = [];
counter = 0;
playerOneWin = false;
playerTwoWin = false;
draw = false;
blocks.forEach(e=>{
e.innerText = '';
})
results.classList.remove('display');
results.classList.remove('redWins');
results.classList.remove('blueWins');
blocks.forEach(e=>{
e.classList.remove('red');
e.classList.remove('blue');
})
})