-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
40 lines (40 loc) · 1.22 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
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='UTF-8'>
<title>RGB Color Game</title>
<link rel='stylesheet' href='style.css'>
</head>
<body>
<nav>
RGB Color Game
<ul id='stats'>
<li id='wins'>Wins: 0</li>
<li id='losses'>Losses: 0</li>
<li id='percentage'>Guess Percentage: 0%</li>
</ul>
<ul id='difficulties'>
<li data-guesses=4>Easy</li>
<li data-guesses=2>Medium</li>
<li data-guesses=1>Hard</li>
</ul>
</nav>
<section class='game'>
<h1 class='box answerRGB'>RGB(81, 27, 66)</h1>
<div class='board'>
<div class='color-square square1' data-color></div>
<div class='color-square square2' data-color></div>
<div class='color-square square3' data-color></div>
<div class='color-square square4' data-color></div>
<div class='color-square square5' data-color></div>
<div class='color-square square6' data-color></div>
</div>
<div class= 'container'>
<div class='box guesses'>2 guesses remaining</div>
<div class='box play-again'>Play again!</div>
</div>
</section>
<script src='app.js'>
</script>
</body>
</html>