code implemented

ihortar · ihortar · commit f5da05e4bb8f · 2026-03-20T14:15:45.000Z
diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js
@@ -1,4 +1,25 @@
-function setAlarm() {}
+function setAlarm() {
+  const input = document.getElementById('alarmSet');
+  const heading = document.getElementById('timeRemaining');
+  let totalSeconds = parseInt(input.value) || 0;
+  
+  function updateDisplay() {
+    const minutes = Math.floor(totalSeconds / 60);
+    const seconds = totalSeconds % 60;
+    heading.innerText = `Time Remaining: ${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
+    
+    if (totalSeconds > 0) {
+      totalSeconds--;
+    } else {
+      playAlarm();
+      clearInterval(intervalId);  // Stop interval after alarm
+    }
+  }
+  
+  updateDisplay();  // Set initial time
+  const intervalId = setInterval(updateDisplay, 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/alarmclock/package.json b/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": {
+    "@jest/globals": "^30.3.0",
+    "jest": "^30.3.0",
+    "jsdom": "^26.1.0"
+  }
 }
