Browser-Time-Clock/index.html at main · harveyfullstack/Browser-Time-Clock · 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
<!DOCTYPE html>
<html>
  <head>
    <title>Time Clock</title>
    <link rel="stylesheet" href="styles.css">
    <script type="text/javascript" src="moment.min.js"></script>
    <script type="text/javascript" src="logic.js"></script>
  </head>
  <body>
    <div id="info">
      <h2 id="infoT">Enter your 6-digit PIN</h2>
    </div>
    <div id="infoB">
      <h2 id="infoBT"></h2>
    </div>
    <div id="users">
      <div>
        <a href="javascript:">Employee1</a>
        <ul id="Employee1"> </ul>
        <h2 id="Employee1-Hours">Hours Total: 0</h2>
        <a href="javascript:">Employee2</a>
        <ul id="Employee2"> </ul>
        <h2 id="Employee2-Hours">Hours Total: 0</h2>
        <a href="javascript:">Employee3</a>
        <ul id="Employee3"> </ul>
        <h2 id="Employee3-Hours">Hours Total: 0</h2>
      </div>
    </div>
    <div id="pinWrap">
      <input type="password" pattern="[0-9]*" id="pinForm" name="pin" maxlength="6">
    </div>
    <div id="buttonsWrap"> <a href="#" onclick="clearAll();" id="button1">Clear All</a> <a href="#" onclick="saveH();" id="button2">Save</a> </div>
    <ul id="list"> </ul>
  </body>
</html>