-
Notifications
You must be signed in to change notification settings - Fork 0
/
caro.html
156 lines (150 loc) · 9.57 KB
/
caro.html
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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html lang="vi">
<head>
<title>TVLT - Cờ Caro 3x3</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<link rel="stylesheet" href="https://thivualaytot.github.io/css/main.css">
<link rel="stylesheet" href="/game/caro.css">
<link rel="stylesheet" href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css">
<link rel="icon" href="https://raw.githubusercontent.com/ThiVuaLayTot/ThiVuaLayTot.github.io/main/images/favicon.ico" type="image/x-icon">
</head>
<body>
<header class="container">
<div class="page-header">
<div class="logo">
<a href="https://thivualaytot.github.io" title="Thí Vua Lấy Tốt"><img src="https://thivualaytot.github.io/images/favicon.ico" title="Thí Vua Lấy Tốt"></a>
</div>
<ol class="navbar-nav">
<li>
<a href="https://thivualaytot.github.io" title="Trang chủ TVLT">Trang chủ</a>
</li>
<li>
<a href="https://thivualaytot.github.io/blog" title="Các thông báo/bài đăng quan trọng của TVLT">Thông báo/Tin tức</a>
</li>
<li>
<a href="https://thivualaytot.github.io/vlogs" title="Các Video quan trọng của TVLT">Vlogs</a>
</li>
<li>
<div class="dropdown">
<a class="dropbtn" href="https://thivualaytot.github.io/social" title="Social media links">Xã hội
<i class="bx bx-caret-down"></i>
</a>
<div class="dropdown-content">
<a href="https://thivualaytot.github.io/social#social">Các tài khoản MXH của TungJohn</a>
<a href="https://thivualaytot.github.io/social#chat">Các đoạn chat của Thí Vua Lấy Tốt</a>
<a href="https://thivualaytot.github.io/social#group">Các nhóm/CLB/máy chủ của Thí Vua Lấy Tốt</a>
</div>
</div>
</li>
<li>
<div class="dropdown">
<a class="dropbtn" href="https://thivualaytot.github.io/game" title="Các trò chơi đơn giản">MiniGames
<i class="bx bx-caret-down"></i>
</a>
<div class="dropdown-content">
<a href="https://thivualaytot.github.io/game/caro">Cờ Caro 3x3</a>
<a href="https://thivualaytot.github.io/game/chesspursuit">ChessPursuit</a>
<a href="https://thivualaytot.github.io/game/sliding">Shogi Sliding-Puzzles</a>
<a href="https://thivualaytot.github.io/game/2048">2048</a>
</div>
</div>
</li>
<li>
<div class="dropdown">
<a class="dropbtn" href="https://thivualaytot.github.io/lists" title="Các danh sách/bảng quan trọng">Danh sách/Tài liệu
<i class="bx bx-caret-down"></i>
</a>
<div class="dropdown-content">
<a href="https://thivualaytot.github.io/events">Danh sách tổng hợp các giải đấu</a>
<a href="https://thivualaytot.github.io/libot-leaderboard">Bảng xếp hạng các Bot trên Lichess</a>
<a href="https://chess.com/clubs/forum/view/quy-dinh-co-ban-cua-clb-tungjohn-playing-chess">Danh sách các tài khoản vi phạm</a>
</div>
</div>
</li>
<li>
<div class="dropdown">
<a class="dropbtn" href="https://thivualaytot.github.io/leaders" title="Ban cán sự của Thí Vua Lấy Tốt">Leaders
<i class="bx bx-caret-down"></i>
</a>
<div class="dropdown-content">
<a href="https://thivualaytot.github.io/leaders#admins">Administrators/Các Quản trị viên</a>
<a href="https://thivualaytot.github.io/leaders#mods">Moderators/Các điều hành viên</a>
<a href="https://thivualaytot.github.io/leaders#sponsors">Các nhà tài trợ/hợp tác với giải</a>
</div>
</div>
</li>
</ol>
<div>
<label class="mode">
<input type="checkbox" id="darkModeToggle">
<i id="moon" class="bx bxs-moon" title="Bật/Tắt chế độ tối"></i>
</label>
</div>
</div>
</header>
<h1>Tic-Tac-Toe</h1>
<div class="Main-Flex-Container">
<div>
<div class="tic-tac-toe-board" id="board">
<div class="cell" onclick="makeMove(0, 0)" id="cell-0"></div>
<div class="cell" onclick="makeMove(0, 1)" id="cell-1"></div>
<div class="cell" onclick="makeMove(0, 2)" id="cell-2"></div>
<div class="cell" onclick="makeMove(1, 0)" id="cell-3"></div>
<div class="cell" onclick="makeMove(1, 1)" id="cell-4"></div>
<div class="cell" onclick="makeMove(1, 2)" id="cell-5"></div>
<div class="cell" onclick="makeMove(2, 0)" id="cell-6"></div>
<div class="cell" onclick="makeMove(2, 1)" id="cell-7"></div>
<div class="cell" onclick="makeMove(2, 2)" id="cell-8"></div>
</div>
</div>
<div style="padding: 2em;">
<div class="result" id="result"></div>
<button class="again-btn" onclick="resetGame()">Chơi lại</button>
</div>
</div>
<script src="/caro.js"></script>
<div class="footer">
<div class="footer-container">
<div>
<h3><a href="https://thivualaytot.github.io" title="Trang web Thí Vua Lấy Tốt">Thí Vua Lấy Tốt</a></h3>
<p><a href="https://thivualaytot.github.io/social" title="Social media links">Các trang mạng</a></p>
<p><a href="https://thivualaytot.github.io/blog" title="Các bài Blog quan trọng của TVLT">Các thông báo & tin tức</a></p>
<p><a href="https://thivualaytot.github.io/vlogs" title="Các Video quan trọng của TVLT">Các Vlog</a></p>
<p><a href="https://thivualaytot.github.io/game" title="Các trò chơi đơn giản">Các trò chơi đơn giản</a></p>
<p><a href="https://thivualaytot.github.io/lists" title="Các danh sách/bảng quan trọng">Danh sách/Tài liệu</a></p>
<p><a href="https://thivualaytot.github.io/leaders" title="Ban cán sự của TVLT">Ban cán sự của TVLT</a></p>
</div>
<div>
<h3 align="center"><a href="https://thivualaytot.github.io/social">Social meadia links</a></h3>
<strong><a href="https://thivualaytot.github.io/social#social">Các tài khoản MXH của TungJohn</a></strong>
<div class="button">
<a href="https://youtube.com/channel/UCvNW1NAWWjblgrP6JQI4MbQ" target="_blank" title="Kênh Youtube của TungJohn"><i class="bx bxl-youtube"></i></a>
<a href="https://facebook.com/TungJohn2005" target="_blank" title="Trang Facebook của TungJohn"><i class="bx bxl-facebook"></i></a>
<a href="https://twitch.tv/tungjohnplayingchess" target="_blank" title="Kênh Twitch của TungJohn"><i class="bx bxl-twitch"></i></a>
<a href="https://tiktok.com/@tungjohn2005" target="_blank" title="Tài khoản Tiktok của TungJohn"><i class="bx bxl-tiktok"></i></a>
<a href="https://chess.com/member/tungjohn2005" target="_blank" title="Tài khoản Chess.com của TungJohn"><img src="https://images.chesscomfiles.com/uploads/v1/user/33.862d5ff1.160x160o.578dc76c0662.png"></a>
<a href="https://lichess.org/@/Tungjohn2005" target="_blank" title="Tài khoản Lichess của TungJohn"><img src="/images/lichesslogo.png"></a>
<a href="https://shopee.vn/tungjohn2005" target="_blank" title="Shop cờ vua của TungJohn trên Shopee"><i class="bx bxs-shopping-bag"></i></a>
</div>
<hr>
<strong><a href="https://thivualaytot.github.io/social#group">Các Nhóm, Câu Lạc Bộ, Máy Chủ Của Thí Vua Lấy Tốt</a></strong>
<div class="button">
<a href="https://link.chess.com/club/0CVQh6" target="_blank"><img width="22" src="https://images.chesscomfiles.com/uploads/v1/user/33.862d5ff1.160x160o.578dc76c0662.png"></a>
<a href="https://lichess.org/team/thi-vua-lay-tot-tungjohn-playing-chess" target="_blank" title="Đội Thí Vua Lấy Tốt trên Lichess"><img width="22" src="/images/lichesslogo.png"></a>
<a href="https://facebook.com/groups/586909589413729" target="_blank" title="Nhóm Facebook của Thí Vua Lấy Tốt"><i class="bx bxl-facebook"></i></a>
<a href="https://discord.gg/2thRYRMeg7" target="_blank" title="Máy chủ Discord của Thí Vua Lấy Tốt"><i class="bx bxl-discord"></i></a>
</div>
</div>
<div>
<br><br>
<p>Web được xây dựng bởi Quản trị viên <a href="https://thivualaytot.github.io/leaders#admins" title="Các quản trị viên">Đinh Hoàng Việt</a>.</p>
<p>Mã nguồn trên <a href="https://github.com/ThiVuaLayTot/ThiVuaLayTot.github.io" title="Mã nguồn của web trên Github"><i class="bx bxl-github"></i></a></p>
</div>
</div>
</div>
<script src="https://thivualaytot.github.io/js/main.js"></script>
</body>
</html>