-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathgames.html
More file actions
117 lines (116 loc) · 4.92 KB
/
games.html
File metadata and controls
117 lines (116 loc) · 4.92 KB
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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<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">
<script type="text/javascript" src="javascripts/fitch.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="javascripts/bootstrap.min.js"></script>
<link href="stylesheets/bootstrap.min.css" rel="stylesheet">
<link href="stylesheets/core.css" rel="stylesheet">
<link rel="icon" type="image/x-icon" href="favicon.ico"/>
<script type="text/javascript" src="javascripts/flipper.js"></script>
<script type="text/javascript" src="javascripts/calculator.js"></script>
<script type="text/javascript" src="javascripts/rpg.js"></script>
<title> Games </title>
<style>
p
{
text-align: center;
}
div
{
text-align: center;
}
h1
{
display: inline;
}
</style>
</head>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Pages</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="index.html">Home</a></li>
<li><a href="fitch.html"> Fitch </a></li>
<li class="active"><a href='games.html'>Games</a></li>
<li><a href='gre_vocab.html'>GRE Vocab</a></li>
<li><a href="league_skins.html">League Skins</a></li>
<li><a href="music.html">Music</a></li>
<li><a href='photos.html'>Photos</a></li>
<li><a href='projects.html'>Projects</a></li>
<li><a href='volunteering.html'>Volunteering</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="starter-template">
<br />
<div id="RPG">
<h1> Knight's Tale RPG(In Progress) </h1>
<br />
<textarea id="rpg" rows="10" columns="20" style="width: 600px;" readonly>Today is the day of the king's coronation and as the herald to the event it is of the utmost importance to get from your house to the castle on time. You take your package, it's contents unkown to you, and depart from your humble abode. You come across a crossing and on the left is the Whispering Forest, rumoured to be haunted, and to the right is the King's Crossing path. You have heard whispers of increased bandit activity along this path. 
Choice 1- Go through the Whispering Forest. 
Choice 2- Go through King's Crossing. </textarea>
<br />
<button onclick="left()">Choice 1</button>
<button onclick="right()">Choice 2</button>
</div>
<div id="button">
<h1> Coin Flipper </h1>
<p>
Total Flips: <input type="text" id="totalflips" name="Total Flips" readonly="true"><br>
Heads: <input type="text" id="heads" name="Total Flips" readonly="true"><br>
Tails: <input type="text" id="tails" name="Total Flips" readonly="true"><br>
</p>
<img id="Coin" src="images/Flipper/Heads.png">
<br />
<button onclick="flip()">Flip Coin</button>
</div>
<div id="calculator">
<h1> Calculator </h1>
<br />
<input type="text" id="left_add">
<input type="text" id="plus" value="+" tabIndex=-1 style="width: 15px;" readonly>
<input type="text" id="right_add">
<button onclick="add()">Add</button>
<input type="text" id="add_result" tabIndex=-1 readonly>
<br />
<input type="text" id="left_mul">
<input type="text" id="mul" value="*" tabIndex=-1 style="width: 15px;" readonly>
<input type="text" id="right_mul">
<button onclick="multiply()">Multiply</button>
<input type="text" id="mul_result" tabIndex=-1 readonly>
<br />
<input type="text" id="left_sub">
<input type="text" id="sub" value="-" tabIndex=-1 style="width: 15px;" readonly>
<input type="text" id="right_sub">
<button onclick="subtract()">Subtract</button>
<input type="text" id="sub_result" tabIndex=-1 readonly>
<br />
<input type="text" id="left_div">
<input type="text" id="div" value="%" tabIndex=-1 style="width: 15px;" readonly>
<input type="text" id="right_div">
<button onclick="division()">Division</button>
<input type="text" id="div_result" tabIndex=-1 readonly>
<br />
Type an equation here!(not working yet)
<input type="text" id="equation" style="width: 500px;">
<button onclick="dynamic_calculate()">Calculate</button>
<input type="text" id="equate_result" tabIndex=-1 readonly>
<!--<input type="text" id="Equation">
<button onclick="calculate()">Calculate</button>
<input type="text" id="Result" readonly> -->
</div>
</div>
</html>