-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmysript.js
112 lines (92 loc) · 2.32 KB
/
mysript.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
102
103
104
var restart = document.querySelector('#b')
//<a id="b" class="btn btn-primary btn-lg" href="#" role="button">Restart!</a>
var cells = document.getElementsByTagName('td')
// HTMLCollection(9) [td, td, td, td, td, td, td, td, td]
function clearBoard(){
for(var i=0;i<cells.length;i++){
cells[i].textContent = '';
}
}
restart.addEventListener('click', clearBoard)
// On Click
cells[0].addEventListener("click",function(){
if (cells[0].textContent == ''){
cells[0].textContent = 'X'
}else if(cells[0].textContent == 'X'){
cells[0].textContent = 'O'
}else{
cells[0].textContent = ''
}
})
cells[1].addEventListener("click",function(){
if (cells[1].textContent == ''){
cells[1].textContent = 'X'
}else if(cells[1].textContent == 'X'){
cells[1].textContent = 'O'
}else{
cells[1].textContent = ''
}
})
cells[2].addEventListener("click",function(){
if (cells[2].textContent == ''){
cells[2].textContent = 'X'
}else if(cells[2].textContent == 'X'){
cells[2].textContent = 'O'
}else{
cells[2].textContent = ''
}
})
cells[3].addEventListener("click",function(){
if (cells[3].textContent == ''){
cells[3].textContent = 'X'
}else if(cells[3].textContent == 'X'){
cells[3].textContent = 'O'
}else{
cells[3].textContent = ''
}
})
cells[4].addEventListener("click",function(){
if (cells[4].textContent == ''){
cells[4].textContent = 'X'
}else if(cells[4].textContent == 'X'){
cells[4].textContent = 'O'
}else{
cells[4].textContent = ''
}
})
cells[5].addEventListener("click",function(){
if (cells[5].textContent == ''){
cells[5].textContent = 'X'
}else if(cells[5].textContent == 'X'){
cells[5].textContent = 'O'
}else{
cells[5].textContent = ''
}
})
cells[6].addEventListener("click",function(){
if (cells[6].textContent == ''){
cells[6].textContent = 'X'
}else if(cells[6].textContent == 'X'){
cells[6].textContent = 'O'
}else{
cells[6].textContent = ''
}
})
cells[7].addEventListener("click",function(){
if (cells[7].textContent == ''){
cells[7].textContent = 'X'
}else if(cells[7].textContent == 'X'){
cells[7].textContent = 'O'
}else{
cells[7].textContent = ''
}
})
cells[8].addEventListener("click",function(){
if (cells[8].textContent == ''){
cells[8].textContent = 'X'
}else if(cells[8].textContent == 'X'){
cells[8].textContent = 'O'
}else{
cells[8].textContent = ''
}
})