Alarm clock

Author: asandagwala

Sprint-3/alarmclock/alarmclock.js

@@ -1,5 +1,27 @@
-function setAlarm() {}
+function setAlarm() {
+  let time = Number(document.getElementById("alarmSet").value);
+  let heading = document.getElementById("timeRemaining");
 
+  function updateClock() {
+    let minutes = Math.floor(time / 60);
+    let seconds = time % 60;
+
+    minutes = String(minutes).padStart(2, "0");
+    seconds = String(seconds).padStart(2, "0");
+
+    heading.innerText = `Time Remaining: ${minutes}:${seconds}`;
+
+    if (time === 0) {
+      clearInterval(timer);
+      playAlarm();
+    }
+
+    time--;
+  }
+
+  updateClock();
+  let timer = setInterval(updateClock, 1000);
+}
 // DO NOT EDIT BELOW HERE
 
 var audio = new Audio("alarmsound.mp3");

Sprint-3/alarmclock/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="stylesheet" href="style.css" />
-    <title>Title here</title>
+    <title>Alarm Clock</title>
   </head>
   <body>
     <div class="centre">

Sprint-3/alarmclock/package.json

@@ -13,5 +13,10 @@
   "bugs": {
     "url": "https://github.com/CodeYourFuture/CYF-Coursework-Template/issues"
   },
-  "homepage": "https://github.com/CodeYourFuture/CYF-Coursework-Template#readme"
+  "homepage": "https://github.com/CodeYourFuture/CYF-Coursework-Template#readme",
+  "devDependencies": {
+    "@testing-library/jest-dom": "^6.9.1",
+    "jest-environment-jsdom": "^30.4.1",
+    "jsdom": "^20.0.3"
+  }
 }