-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtictac.js
136 lines (111 loc) · 4.98 KB
/
tictac.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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
var info = document.getElementById("info");
var blocker = document.getElementById("blocker");
var welcome = document.getElementById("welcome");
var ply1 = document.getElementById("ply1");
var ply2 = document.getElementById("ply2");
// blocker.innerHTML = "";
// console.log(blocker.innerHTML);
function appendMe(box) {
if(ply1.value=="" && ply2.value == "") {
welcome.innerHTML = "You have to enter your names to Start Playing";
} else {
welcome.innerHTML = "Welcome to " + ply1.value + " and " + ply2.value;
let assist = document.getElementById("assist");
if(box.innerHTML !== "") {
return;
}
if(assist.value == "one") {
box.innerHTML = "X";
assist.value = "two";
}
else if(assist.value == "two") {
box.innerHTML = "O";
assist.value = "one";
}
}
if((box1.innerHTML == box2.innerHTML) && (box2.innerHTML == box3.innerHTML)
&& box1.innerHTML !== "" && box2.innerHTML !== "" && box3.innerHTML !== "") {
if(box1.innerHTML == "X") {
welcome.innerHTML = "player " + ply1.value + " won.";
} else {
welcome.innerHTML = "player " + ply2.value + " won.";
}
blocker.classList.add("active");
info.innerHTML = welcome.innerHTML;
} else if((box4.innerHTML == box5.innerHTML) && (box5.innerHTML == box6.innerHTML)
&& box4.innerHTML !== "" && box5.innerHTML !== "" && box6.innerHTML !== "") {
if(box4.innerHTML == "X") {
welcome.innerHTML = "player " + ply1.value + " won.";
} else {
welcome.innerHTML = "player " + ply2.value + " won.";
}
blocker.classList.add("active");
info.innerHTML = welcome.innerHTML;
}else if((box7.innerHTML == box8.innerHTML) && (box8.innerHTML == box9.innerHTML)
&& box7.innerHTML !== "" && box8.innerHTML !== "" && box9.innerHTML !== ""){
if(box7.innerHTML == "X") {
welcome.innerHTML = "player " + ply1.value + " won.";
} else {
welcome.innerHTML = "player " + ply2.value + " won.";
}
blocker.classList.add("active");
info.innerHTML = welcome.innerHTML;
}
else if((box1.innerHTML == box4.innerHTML) && (box4.innerHTML == box7.innerHTML)
&& box1.innerHTML !== "" && box4.innerHTML !== "" && box7.innerHTML !== ""){
if(box1.innerHTML == "X") {
welcome.innerHTML = "player " + ply1.value + " won.";
} else {
welcome.innerHTML = "player " + ply2.value + " won.";
}
blocker.classList.add("active");
info.innerHTML = welcome.innerHTML;
}else if((box2.innerHTML == box5.innerHTML) && (box5.innerHTML == box8.innerHTML)
&& box2.innerHTML !== "" && box5.innerHTML !== "" && box8.innerHTML !== ""){
if(box2.innerHTML == "X") {
welcome.innerHTML = "player " + ply1.value + " won.";
} else {
welcome.innerHTML = "player " + ply2.value + " won.";
}
blocker.classList.add("active");
info.innerHTML = welcome.innerHTML;
}else if((box3.innerHTML == box6.innerHTML) && (box6.innerHTML == box9.innerHTML)
&& box3.innerHTML !== "" && box6.innerHTML !== "" && box9.innerHTML !== ""){
if(box3.innerHTML == "X") {
welcome.innerHTML = "player " + ply1.value + " won.";
} else {
welcome.innerHTML = "player " + ply2.value + " won.";
}
blocker.classList.add("active");
info.innerHTML = welcome.innerHTML;
}
else if((box1.innerHTML == box5.innerHTML) && (box5.innerHTML == box9.innerHTML)
&& box1.innerHTML !== "" && box5.innerHTML !== "" && box9.innerHTML !== "") {
if(box1.innerHTML == "X") {
welcome.innerHTML = "player " + ply1.value + " won.";
} else {
welcome.innerHTML = "player " + ply2.value + " won.";
}
blocker.classList.add("active");
info.innerHTML = welcome.innerHTML;
}else if((box3.innerHTML == box5.innerHTML) && (box5.innerHTML == box7.innerHTML)
&& box3.innerHTML !== "" && box5.innerHTML !== "" && box7.innerHTML !== "") {
if(box3.innerHTML == "X") {
welcome.innerHTML = "player " + ply1.value + " won.";
} else {
welcome.innerHTML = "player " + ply2.value + " won.";
}
blocker.classList.add("active");
info.innerHTML = welcome.innerHTML;
} else {
if(box1.innerHTML == "" || box2.innerHTML == "" || box3.innerHTML ==""
|| box4.innerHTML == "" || box5.innerHTML == "" || box6.innerHTML == ""
|| box7.innerHTML == "" || box8.innerHTML == "" || box9.innerHTML == "") {
return;
} else {
welcome.innerHTML = "This Game is a Draw.";
}
blocker.classList.add("active");
info.innerHTML = welcome.innerHTML;
}
}