created alarm clock function based on required requirements and test requirements.

MansoorM11 · MansoorM11 · commit 9676d86e6c2e · 2025-08-13T01:25:08.000+01:00
diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js
@@ -1,4 +1,46 @@
-function setAlarm() {}
+let countDown;
+let remainingSeconds = 0;
+
+function setAlarm() {
+  let timeRemaining = document.getElementById("timeRemaining");
+  let alarmSet = document.getElementById("alarmSet").value;
+  remainingSeconds = Number(alarmSet);
+  if (isNaN(remainingSeconds) || remainingSeconds <= 0) {
+    prompt("please enter a value greater than zero!");
+    return;
+  }
+  displayTime();
+  countDown = setInterval(timer, 1000);
+}
+
+function displayTime() {
+  let timeRemaining = document.getElementById("timeRemaining");
+  let hour = Math.floor(remainingSeconds / 3600);
+  let minutes = Math.floor((remainingSeconds % 3600) / 60);
+  let seconds = Math.floor(remainingSeconds % 60);
+
+  if (minutes < 10) {
+    minutes = "0" + minutes;
+  }
+  if (seconds < 10) {
+    seconds = "0" + seconds;
+  }
+
+  if (hour > 0) {
+    timeRemaining.textContent = `Time Remaining: ${hour}:${minutes}:${seconds}`;
+  } else {
+    timeRemaining.textContent = `Time Remaining: ${minutes}:${seconds}`;
+  }
+}
+
+function timer() {
+  remainingSeconds--;
+  displayTime();
+  if (remainingSeconds <= 0) {
+    clearInterval(countDown);
+    playAlarm();
+  }
+}
 
 // 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-lock.json b/Sprint-3/package-lock.json
