-
Notifications
You must be signed in to change notification settings - Fork 0
/
gamezone.html
73 lines (70 loc) · 4.68 KB
/
gamezone.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
<!DOCTYPE html>
<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="reset.css">
<link rel="stylesheet" href="gamezone.css">
<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
<title>Game</title>
</head>
<body>
<section class="main-game">
<div class="box1">
<div class="box-images">
<img src="media/base-madera.png" class="part0">
<img src="media/soga-parte1.png" class="part1">
<img src="media/cabeza-parte2.png" class="part2">
<img src="media/torzo-parte3.png" class="part3">
<img src="media/manoizq-parte4.png" class="part4">
<img src="media/manoder-parte5.png" class="part5">
<img src="media/pieizq-parte6.png" class="part6">
<img src="media/pieder-parte7.png" class="part7">
</div>
<div class="word-box" id="word-box">
</div>
</div>
<div class="box2">
<p>Remaining attempts:<span id="attempts"></span></p>
<div class="buttons-letras">
<input type="button" class="key" value="Q" id="key0" onclick="gamelogic(value)">
<input type="button" class="key" value="W" id="key1" onclick="gamelogic(value)">
<input type="button" class="key" value="E" id="key2" onclick="gamelogic(value)">
<input type="button" class="key" value="R" id="key3" onclick="gamelogic(value)">
<input type="button" class="key" value="T" id="key4" onclick="gamelogic(value)">
<input type="button" class="key" value="Y" id="key5" onclick="gamelogic(value)">
<input type="button" class="key" value="U" id="key6" onclick="gamelogic(value)">
<input type="button" class="key" value="I" id="key7" onclick="gamelogic(value)">
<input type="button" class="key" value="O" id="key8" onclick="gamelogic(value)">
<input type="button" class="key" value="P" id="key9" onclick="gamelogic(value)">
<input type="button" class="key" value="A" id="key10" onclick="gamelogic(value)">
<input type="button" class="key" value="S" id="key11" onclick="gamelogic(value)">
<input type="button" class="key" value="D" id="key12" onclick="gamelogic(value)">
<input type="button" class="key" value="F" id="key13" onclick="gamelogic(value)">
<input type="button" class="key" value="G" id="key14" onclick="gamelogic(value)">
<input type="button" class="key" value="H" id="key15" onclick="gamelogic(value)">
<input type="button" class="key" value="J" id="key16" onclick="gamelogic(value)">
<input type="button" class="key" value="K" id="key17" onclick="gamelogic(value)">
<input type="button" class="key" value="L" id="key18" onclick="gamelogic(value)">
<input type="button" class="key" value="Ñ" id="key19" onclick="gamelogic(value)">
<input type="button" class="key" value="Z" id="key20" onclick="gamelogic(value)">
<input type="button" class="key" value="X" id="key21" onclick="gamelogic(value)">
<input type="button" class="key" value="C" id="key22" onclick="gamelogic(value)">
<input type="button" class="key" value="V" id="key23" onclick="gamelogic(value)">
<input type="button" class="key" value="B" id="key24" onclick="gamelogic(value)">
<input type="button" class="key" value="N" id="key25" onclick="gamelogic(value)">
<input type="button" class="key" value="M" id="key26" onclick="gamelogic(value)">
</div>
<div class="buttons">
<button class="newgame-button" id="newg-button" onclick="startGame()">New game</button>
<button class="back-button" onclick="GoHome()">Back to Menu</button>
</div>
</div>
<p class="alerttextoff alert_class"></p>
</section>
<audio id="audiowin" src="media/victory.mp3" ></audio>
<audio id="audiolose"src="media/fail.mp3" ></audio>
<audio id="niunbrillo" src="media/ni-un-brillo-pelao.mp3" ></audio>
</body>
<script src="functions.js"></script>
</html>