johnnystimecalc/index.html at main · LadyDaddy/johnnystimecalc · 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
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Johnny's Time Traveler Toolkit</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="button1">
	<center><button><a id="link" href="https://ladydaddy.github.io/johnnystimecalc/timedif.html">✨Time Between✨</a></button>&nbsp;
		<button><a id="link" href="https://www.tiktok.com/@rogerskaer/video/7147844411915783470?is_from_webapp=1&sender_device=pc&web_id=7233568809089680942">🔮Find Out🔮</a></button>
		</center>

	</div>
	<h3>Clockwork Cruncher ⏰ + 🕰️= ⏲️</h3>
<div class="app-container">
  <label for="startTime"><strong>Start Time:&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</strong></label>
<input type="time" id="startTime">
<br>
<br>
<button onclick="setCurrentTime()">Use Current Time</button>
<br>
<br>
        <label for="hours">Duration Hours:&nbsp; &nbsp;&nbsp;</label>
        <input type="number" id="hours" min="0" placeholder="Hours">
        <br>
        <label for="minutes">Duration Minutes:&nbsp;</label>
        <input type="number" id="minutes" min="0" max="59" placeholder="Minutes">
  &nbsp;<br>
  <br>
<button onClick="calculateEndTime()">Calculate End Time</button>
  <br>
        <label>End Time:</label>
        <span id="endTime"></span>
    </div>
    <script src="scripts.js"></script> <br><br>

	<br><br>
<center><img src="https://media1.giphy.com/media/WRQBXSCnEFJIuxktnw/giphy.gif?cid=6c09b952d6kpb2rdxoeibsw9qv59w4aosrc0i3iqjhzgzofq&ep=v1_gifs_search&rid=giphy.gif&ct=g" width="325px"></center>


	</body>
</html>