Midterm_Clock/COGS2MidtermClock.html at main · j0n-a/Midterm_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
<!-- COGS2 Midterm Clock HTML -->
<!-- This code is meant to display the current time and the amount of time left until the end of a midterm -->
<!-- last edited: OCT 24, 2025 -->

<!DOCTYPE html>
<html lang="en">
<!-- This code is meant to display the current time and the amount of time left until the end of a midterm -->
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <link rel="stylesheet" href="CSS/COGS2MidtermStyle.css">
    <script src="JS/clockFunctions.js" defer></script>
    <title>Test Clock</title>
</head>
<body>
    <div class="container">
        <h1 id="exam-title"></h1>
        <div id="clock"></div>
        <div id="end-time"></div>
        <div id="time-left"></div>
        <button onclick="openPrompt()">Update Exam End Time</button>
        <input type="checkbox" id="myCheck" name="secondsCheck" value="show-seconds">
        <label id="label-text" for="myCheck"> Show seconds?</label>
    </div>
</body>