-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
135 lines (121 loc) · 3.33 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<title>4-In-Line</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" href="favico.ico" type="image/png">
</head>
<body>
<header>
<figure>
<img width="80" src="https://raw.githubusercontent.com/ronaldhgamez/files-and-images/main/logo/logoporfolio.png" alt="Ronald Logo">
</figure>
</header>
<div class="timer-moves">
<span id="stopwatch">Time 00:00</span>
<span id="moves">Moves: 0</span>
</div>
<div class="board-container">
<div class="circle"></div>
<table id="board">
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div class="center">
<button id="startButton" onclick="prepareGame()" disabled>Start</button>
</div>
<div id="gameOptions" class="center" style="display: none;">
<button id="resumeButton" class="round-button" onclick="resumeGame()" style="display: none;">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="25px">
<path fill="#000" d="M8 5v14l11-7z" />
</svg>
</button>
<button id="pauseButton" class="round-button" onclick="pauseGame()">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="25px">
<path fill="#000" d="M6 4h4v16H6zm8 0h4v16h-4z" />
</svg>
</button>
<button id="restartButton" class="round-button" onclick="restartGame()">
<svg width="26px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M12 20.5001C16.6944 20.5001 20.5 16.6945 20.5 12.0001C20.5 9.17456 19.1213 6.67103 17 5.1255M13 22.4001L11 20.4001L13 18.4001M12 3.5001C7.30558 3.5001 3.5 7.30568 3.5 12.0001C3.5 14.8256 4.87867 17.3292 7 18.8747M11 5.6001L13 3.6001L11 1.6001"
stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</button>
</div>
<div id="nicknameModal" class="modal">
<form class="modal-content" onsubmit="submitNickname()">
<h2>Nickname</h2>
<input type="text" id="nickname-input" required>
<button class="round-button">Save</button>
</form>
</div>
<script src="Game.js"></script>
<script src="IA.js"></script>
<script src="script.js"></script>
</body>
</html>