johnnystimecalc/timedif.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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Time Traveler's Toolkit</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
	<div class="button1">
		<center><button><a id="link" href="https://ladydaddy.github.io/johnnystimecalc/">✨Time after Time✨</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>Time Disparity Tally&nbsp; ⏰ -&nbsp; &nbsp;🕰️= ⏲️</h3>
		<div class="app-container">
		  <label for="startTime">Start Time:</label>
			<input type="time" id="startTime">
			<button onclick="setTheCurrentTime('startTime')">Use Current Time</button>
			<br>

			<label for="endTime">End Time:</label>
			<input type="time" id="endTime">
			<button onclick="setTheCurrentTime('endTime')">Use Current Time</button>
			<br>

			<button onclick="calculateTimeDifference()">Calculate Time Difference</button>
			<br>

			<label>Time Difference:</label>
			<span id="timeDifference"></span>
</div>
		<script src="scripts.js"></script>

	<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" alt="ERROR" width="325px"></center>

	</body>
</html>