-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
42 lines (42 loc) · 1.65 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="build/css/vendor.css">
<script src="build/js/vendor.min.js"></script>
<script type="text/javascript" src="build/js/app.js"></script>
<link rel="stylesheet" href="css/styles.css">
<meta charset="utf-8">
<title>Galactic Calculator</title>
</head>
<body>
<div class="container">
<h1>Galactic Age Calculator</h1>
<h2>Life... on Mars... and Jupiter</h2>
<p>How many seconds have you been alive? <br>How old would you be on another planet like Mercury? Venus? Mars? Or Jupiter? <br>Enter in your birthdate to find out!</p>
<form class="dob" >
<div class="form-group">
<label for="born">Date of birth:</label>
<input id="born" type="date" class="form-control">
</div>
<div id="output"></div>
<div id="mercuryAge"></div>
<div id="venusAge"></div>
<div id="marsAge"></div>
<div id="jupiterAge"></div>
<h2>And Death... on Mars....or Jupiter...</h2>
<p>How long do you think you'll live? How long is that in seconds? How many years would you have left on a different planet. Click the button and see!</p>
<div class="form-group">
<label for="deathDate">Life Expectancy:</label>
<input id="death" type="number" class="form-control">
<button class="btn-success" type="submit">Submit</button>
</div>
<div id="error"></div>
<div id="earthLeft"></div>
<div id="mercuryLeft"></div>
<div id="venusLeft"></div>
<div id="marsLeft"></div>
<div id="jupiterLeft"></div>
</form>
</div>
</body>
</html>