100-projects-html-css-javascript/100-projects-003-remaining-time1.html at main · KyleSowers/100-projects-html-css-javascript · 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
<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="100-projects-003-remaining-time1.css"
  </head>
  <body>
  <div class="container">
      <h2>The time remaining until December 31, 2023!</h2>
      <label for="days">Remaining days :
        <p id="days"></p>
      </label>
      <br>
      <label for="hours">Remaining hours :
        <p id="hours"></p>
      </label>
      <br>
      <label for="minutes">REmaining minutes :
        <p id="minutes"></p>
      </label>
      <br>
      <label for="seconds">Remaining seconds :
        <p id="seconds"></p>
      </label>
      <br>

      <h3>Ah, time! Please stop~~</h3>
    </div>

<!--  Numbers for the month day and year will be completed in the javasript file below. Since the index for January starts at 0, December will reflect 11 instead of 12, see javascript associated script  -->
    <script src="100-projects-003-remaining-time1.js"></script>
  </body>
</html>