-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
75 lines (70 loc) · 3.08 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<script defer="" src="js/app.js"></script>
<title>Hangman Game</title>
</head>
<body>
<h2>
<bold>Hangman Game</bold>
</h2>
<div class="hangman-container">
<div class="platform"></div>
<div class="trapdoor"></div>
<div class="trapdoor-left-vertical"></div>
<div class="trapdoor-right-vertical"></div>
<div class="trapdoor-lateral-left"></div>
<div class="trapdoor-lateral-right"></div>
<div class="vertical-post"></div>
<div class="lateral-post"></div>
<div class="rope hidden-part"></div>
<div class="head"></div>
<div class="left-arm hidden-part"></div>
<div class="right-arm hidden-part"></div>
<div class="body hidden-part"></div>
<div class="left-leg hidden-part"></div>
<div class="right-leg hidden-part"></div>
</div>
<div class="wrapper">
<h3>Choose the letters below to guess the word.</h3>
<div class="letter-div"><button class="alpha">A</button><button class="alpha">B</button><button
class="alpha">C</button><button class="alpha disabled">D</button><button
class="alpha disabled">E</button><button class="alpha">F</button><button class="alpha">G</button><button
class="alpha">H</button><button class="alpha">I</button><button class="alpha">J</button><button
class="alpha">K</button><button class="alpha">L</button><button class="alpha">M</button><button
class="alpha">N</button><button class="alpha">O</button><button class="alpha">P</button><button
class="alpha">Q</button><button class="alpha">R</button><button class="alpha">S</button><button
class="alpha">T</button><button class="alpha">U</button><button class="alpha">V</button><button
class="alpha">W</button><button class="alpha">X</button><button class="alpha">Y</button><button
class="alpha">Z</button></div>
<p></p>
<div class="hint-div hidden">
<p>Hint:-</p>
<p class="hint-txt">Hint for test</p>
</div>
<div class="word-div">
<p class="word">_</p>
<p class="word">_</p>
<p class="word">_</p>
<p class="word">_</p>
<p class="word">_</p>
<p class="word">_</p>
</div>
<h3>Remaining Lives: <span class="lives">6</span></h3>
<div class="row hint-div">
<button class="hint-btn">Helper</button>
<button class="reset-btn">Reset</button>
</div>
</div>
<div class="notif hidden">
<!-- <h2>Game Over</h2> -->
<h3 class="notif-content" style="font-size:40px;">You won</h3>
<h4>Correct Word: <span class="notif-span"></span></h4>
<button class="notif-btn">Play again</button>
</div>
</body>
</html>