Implement alarm functionality and update title in HTML

Baba05206 · Baba05206 · commit b235bd1192bb · 2025-11-28T04:42:47.000Z
diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js
@@ -1,4 +1,41 @@
-function setAlarm() {}
+let intervalId;
+
+function setAlarm() {
+  const input = document.getElementById("alarmSet");
+  let time = Number(input.value);
+
+  const heading = document.getElementById("timeRemaining");
+
+  clearInterval(intervalId);
+
+  function format(num) {
+    if (num < 10) return "0" + num;
+    return num;
+  }
+
+  heading.innerText =
+    "Time Remaining: " +
+    format(Math.floor(time / 60)) +
+    ":" +
+    format(time % 60);
+
+  intervalId = setInterval(() => {
+    time--;
+
+    if (time <= 0) {
+      heading.innerText = "Time Remaining: 00:00";
+      clearInterval(intervalId);
+      playAlarm();
+      return;
+    }
+
+    heading.innerText =
+      "Time Remaining: " +
+      format(Math.floor(time / 60)) +
+      ":" +
+      format(time % 60);
+  }, 1000);
+}
 
 // DO NOT EDIT BELOW HERE
 
diff --git a/Sprint-3/alarmclock/index.html b/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 app</title>
   </head>
   <body>
     <div class="centre">
diff --git a/Sprint-3/package.json b/Sprint-3/package.json
@@ -26,7 +26,7 @@
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/user-event": "^14.6.1",
-    "jest": "^30.0.4",
+    "jest": "^30.2.0",
     "jest-environment-jsdom": "^30.0.4"
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -26,7 +26,7 @@`
`26`	`26`	`"@testing-library/dom": "^10.4.0",`
`27`	`27`	`"@testing-library/jest-dom": "^6.6.3",`
`28`	`28`	`"@testing-library/user-event": "^14.6.1",`
`29`		`- "jest": "^30.0.4",`
	`29`	`+ "jest": "^30.2.0",`
`30`	`30`	`"jest-environment-jsdom": "^30.0.4"`
`31`	`31`	`}`
`32`	`32`	`}`