forked from inside-the-div/JavaScript-Simple-Projects-Timer
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtimer.ejs
More file actions
41 lines (36 loc) · 1.77 KB
/
timer.ejs
File metadata and controls
41 lines (36 loc) · 1.77 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
<%- include("partials/header.ejs") %>
<body>
<div class="watch-container">
<div class="project-heading">
<form id="indexForm" action="/" method="get">
<input type="submit" value="Main Screen">
</form>
</div>
<div id="inputContainer" class="input-items">
<div class="input-group">
<label class="input-label">Hour:</label>
<input id="inputHour" placeholder="00" class="input-box" type="number">
</div>
<div class="input-group">
<label class="input-label">Minute:</label>
<input id="inputMinute" placeholder="00" min="0" max="59" class="input-box" type="number">
</div>
<div class="input-group">
<label class="input-label">Second:</label>
<input id="inputSecond" placeholder="00" min="0" max="59" class="input-box" type="number">
</div>
</div>
<p id="outputContainer"><span class="min-width" id="outputHour">00</span> : <span class="min-width" id="outputMinute">00</span> : <span class="min-width" id="outputSecond">00</span></p>
<div class="stopwatch-buttons">
<button onclick="StartClock()" class="clock-button" id="startBtn">Start</button>
<button onclick="StopClock()" class="clock-button" id="stopBtn">Stop</button>
<button onclick="ResetClock()" class="clock-button" id="reset">Reset</button>
</div>
<center>
<br>
<span>Get <a target="_blank" href="https://www.insidethediv.com/projects-with-source-code"><b>More</b></a> JavaScript Project's Source Code Free. ❤❤</span>
</center>
</div>
<script src="/timer.js"></script>
</body>
</html>