update the page title and write alarmclock code

AhmadHmedann · AhmadHmedann · commit 229a2dea419e · 2025-12-05T17:11:59.000Z
diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js
@@ -1,4 +1,37 @@
-function setAlarm() {}
+let timerId = null;
+let remainingSeconds = 0;
+
+function updateDisplay() {
+  let minutes = String(Math.floor(remainingSeconds / 60)).padStart(2, "0");
+  let seconds = String(remainingSeconds % 60).padStart(2, "0");
+  document.getElementById(
+    "timeRemaining"
+  ).textContent = `Time Remaining: ${minutes}:${seconds}`;
+}
+
+function startCountdown() {
+  timerId = setInterval(() => {
+    remainingSeconds -= 1;
+    updateDisplay();
+    if (remainingSeconds === 0) {
+      remainingSeconds = 0;
+      clearInterval(timerId);
+      timerId = null;
+      playAlarm();
+    }
+  }, 1000);
+}
+
+function setAlarm() {
+  const input = document.getElementById("alarmSet");
+  const inputValue = Number(input.value);
+  clearInterval(timerId);
+  timerId = null;
+  remainingSeconds = inputValue;
+
+  updateDisplay();
+  startCountdown();
+}
 
 // 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">
