implementing and built alarm clock app

shreefAhmedM · shreefAhmedM · commit cf3676ff6e21 · 2025-10-14T14:04:42.000+01:00
diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js
@@ -1,5 +1,34 @@
-function setAlarm() {}
+let alarmTime;
+let countDown;
+function setAlarm() {
+  const timeRemaining = document.getElementById("timeRemaining");
+  const alarmSet = document.getElementById("alarmSet").value;
+  alarmTime = parseInt(alarmSet);
+  if (countDown) {
+    clearInterval(countDown);
+  }
+  countDown = setInterval(startCount, 1000);
+  updateDisplay(timeRemaining);
+}
+function startCount() {
+  if (alarmTime > 0) {
+    alarmTime--;
+    updateDisplay(document.getElementById("timeRemaining"));
+  } else {
+    clearInterval(countDown);
+    playAlarm();
+    document.body.style.background = "#e14343";
+  }
+}
 
+function updateDisplay(timeRemainingElement) {
+  let minutes = Math.floor(alarmTime / 60);
+  let seconds = alarmTime % 60;
+  timeRemainingElement.innerHTML = `Time Remaining: ${String(minutes).padStart(
+    2,
+    "0"
+  )}:${String(seconds).padStart(2, "0")}`;
+}
 // DO NOT EDIT BELOW HERE
 
 var audio = new Audio("alarmsound.mp3");
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">
