guessing-game/index.html at master · Octowl/guessing-game · GitHub

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
<!DOCTYPE html>
<meta charset="utf-8">

<html>

<head>
  <title>Eldrich Guessing Game</title>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" media="screen" title="no title" charset="utf-8">
  <link rel="stylesheet" href="main.css">
  <script defer src="javascript/jquery-2.2.2.min.js" charset="utf-8"></script>
  <script defer src="javascript/guessingGame.js" charset="utf-8"></script>
</head>

<body class="container">
  <div class="content">
    <h1>The Ancient Octowl<br />stirs beneath the tumultuous waves, thinking of a number that will end the world</h1>
    <h2>Find the secret number and use it to banish The Octowl</h2>
  </div>
  <h2 id="strength"></h2>
  <h2 id="mockery"></h2>
  <div class="content guess-controls row">
    <input type="number" id="victim-guess" class="form-control input-lg col-xs-12" placeholder="1-100">
    <button id="guess" class="btn btn-lg btn-info col-xs-12">BANISH</button>
  </div>
  <div class="content button-controls">
    <button id="reset" class="btn btn-lg btn-default">Surrender</button>
    <button id="hint" class="btn btn-lg btn-default">Seek Wisdom</button>
  </div>
  <div id="oracle">
    <h2>The oracle has chosen the following numbers:</h2>
    <ul id="hint-choices"></ul>
  </div>
  <h2 id="counter"></h2>
</body>

</html>