forked from pribala/Hangman-Game
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
68 lines (65 loc) · 2.5 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hangman Game | Priya Bala</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link href="https://fonts.googleapis.com/css?family=Sedgwick+Ave+Display" rel="stylesheet">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body onload="pickAWord()">
<div class="container-fluid">
<div class="jumbotron text-center">
<h1>HANGMAN</h1>
<p><span class="glyphicon glyphicon-sunglasses" aria-hidden="true"></span></p>
</div>
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="panel panel-default">
<div class="panel-body">
<div class="row">
<div class="col-md-6 col-sm-6">
<figure>
<img class="img-responsive" src="assets/images/hangmanImg.jpg">
<figcaption>Artist: Anya Srinivasan</figcaption>
</figure>
</div>
<div class="col-md-offset-1 col-md-5 col-sm-6">
<canvas id="imgCanvas" width="200" height="350"></canvas>
<p id="userMessage" class="messageText"></p>
</div>
</div>
</div>
<div class="panel-footer" id="audioFrame">
<audio controls id="h2O">
<source src="assets/audio/djlang59_-_Drops_of_H2O_(_The_Filtered_Water_Treatment_).mp3" type="audio/mpeg">
</audio>
<div class="attribution-block"><a href="http://dig.ccmixter.org/files/djlang59/37792">Drops of H2O ( The Filtered Water Treatment )</a> by J.Lang (c) copyright 2012 Licensed under a Creative Commons <a href="http://creativecommons.org/licenses/by/3.0/">Attribution (3.0)</a> license. Ft: Airtone</div>
</div>
</div>
</div>
<div class="text-center col-md-6 col-sm-12">
<div class="panel panel-default">
<div class="panel-body">
<h3>Press any key to get started!</h3>
<h4>Wins:</h4>
<p id="totalWins"></p>
<h4>Current Word</h4>
<p id="currentWord" class="guessWord"></p>
<h4>Number of guesses remaining:</h4>
<p id="numOfGuesses"></p>
<h4>Letters already guessed</h4>
<div class="well" id="lettersGuessed"></div>
<button id="nextWord" class="generateWord">Next Word</button>
<p id="dispMessage"></p>
</div>
</div>
</div>
</div>
</div>
<script src="assets/javascript/game.js"></script>
</body>
</html>
<!-- Issue: check user input only chars
convert all char to lower case -->