1
+ <!DOCTYPE html>
2
+ < html lang ="en ">
3
+
4
+ < head >
5
+ < meta charset ="UTF-8 ">
6
+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
7
+ < title > Chess Game</ title >
8
+ < link rel ="stylesheet " href ="style.css ">
9
+ </ head >
10
+
11
+ < body >
12
+ < div class ="container ">
13
+ < h1 > Master Chess</ h1 >
14
+ < ul >
15
+ < div class ="div " id ="raw8 ">
16
+ < li class ="box " id ="b801 "> Brook</ li >
17
+ < li class ="box " id ="b802 "> Bknight</ li >
18
+ < li class ="box " id ="b803 "> Bbishop</ li >
19
+ < li class ="box " id ="b804 "> Bqueen</ li >
20
+ < li class ="box " id ="b805 "> Bking</ li >
21
+ < li class ="box " id ="b806 "> Bbishop</ li >
22
+ < li class ="box " id ="b807 "> Bknight</ li >
23
+ < li class ="box " id ="b808 "> Brook</ li >
24
+
25
+ </ div >
26
+
27
+ < div class ="div " id ="raw7 ">
28
+ < li class ="box " id ="b701 "> Bpawn</ li >
29
+ < li class ="box " id ="b702 "> Bpawn</ li >
30
+ < li class ="box " id ="b703 "> Bpawn</ li >
31
+ < li class ="box " id ="b704 "> Bpawn</ li >
32
+ < li class ="box " id ="b705 "> Bpawn</ li >
33
+ < li class ="box " id ="b706 "> Bpawn</ li >
34
+ < li class ="box " id ="b707 "> Bpawn</ li >
35
+ < li class ="box " id ="b708 "> Bpawn</ li >
36
+ </ div >
37
+
38
+ < div class ="div " id ="raw6 ">
39
+ < li class ="box " id ="b601 "> </ li >
40
+ < li class ="box " id ="b602 "> </ li >
41
+ < li class ="box " id ="b603 "> </ li >
42
+ < li class ="box " id ="b604 "> </ li >
43
+ < li class ="box " id ="b605 "> </ li >
44
+ < li class ="box " id ="b606 "> </ li >
45
+ < li class ="box " id ="b607 "> </ li >
46
+ < li class ="box " id ="b608 "> </ li >
47
+ </ div >
48
+
49
+ < div class ="div " id ="raw5 ">
50
+ < li class ="box " id ="b501 "> </ li >
51
+ < li class ="box " id ="b502 "> </ li >
52
+ < li class ="box " id ="b503 "> </ li >
53
+ < li class ="box " id ="b504 "> </ li >
54
+ < li class ="box " id ="b505 "> </ li >
55
+ < li class ="box " id ="b506 "> </ li >
56
+ < li class ="box " id ="b507 "> </ li >
57
+ < li class ="box " id ="b508 "> </ li >
58
+ </ div >
59
+
60
+ < div class ="div " id ="raw4 ">
61
+ < li class ="box " id ="b401 "> </ li >
62
+ < li class ="box " id ="b402 "> </ li >
63
+ < li class ="box " id ="b403 "> </ li >
64
+ < li class ="box " id ="b404 "> </ li >
65
+ < li class ="box " id ="b405 "> </ li >
66
+ < li class ="box " id ="b406 "> </ li >
67
+ < li class ="box " id ="b407 "> </ li >
68
+ < li class ="box " id ="b408 "> </ li >
69
+ </ div >
70
+
71
+ < div class ="div " id ="raw3 ">
72
+ < li class ="box " id ="b301 "> </ li >
73
+ < li class ="box " id ="b302 "> </ li >
74
+ < li class ="box " id ="b303 "> </ li >
75
+ < li class ="box " id ="b304 "> </ li >
76
+ < li class ="box " id ="b305 "> </ li >
77
+ < li class ="box " id ="b306 "> </ li >
78
+ < li class ="box " id ="b307 "> </ li >
79
+ < li class ="box " id ="b308 "> </ li >
80
+ </ div >
81
+
82
+ < div class ="div " id ="raw2 ">
83
+ < li class ="box " id ="b201 "> Wpawn</ li >
84
+ < li class ="box " id ="b202 "> Wpawn</ li >
85
+ < li class ="box " id ="b203 "> Wpawn</ li >
86
+ < li class ="box " id ="b204 "> Wpawn</ li >
87
+ < li class ="box " id ="b205 "> Wpawn</ li >
88
+ < li class ="box " id ="b206 "> Wpawn</ li >
89
+ < li class ="box " id ="b207 "> Wpawn</ li >
90
+ < li class ="box " id ="b208 "> Wpawn</ li >
91
+ </ div >
92
+
93
+ < div class ="div " id ="raw1 ">
94
+ < li class ="box " id ="b101 "> Wrook</ li >
95
+ < li class ="box " id ="b102 "> Wknight</ li >
96
+ < li class ="box " id ="b103 "> Wbishop</ li >
97
+ < li class ="box " id ="b104 "> Wqueen</ li >
98
+ < li class ="box " id ="b105 "> Wking</ li >
99
+ < li class ="box " id ="b106 "> Wbishop</ li >
100
+ < li class ="box " id ="b107 "> Wknight</ li >
101
+ < li class ="box " id ="b108 "> Wrook</ li >
102
+ </ div >
103
+ </ ul >
104
+ < h2 id ="tog "> White s Trun</ h2 >
105
+ < h2 id ="reset-btn "> Reset</ h2 >
106
+ </ div >
107
+ < script src ="logic.js "> </ script >
108
+ </ body >
109
+
110
+ </ html >
0 commit comments