Alarm clock function implemented

Author: Mahtem

Sprint-3/alarmclock/alarmclock.js

@@ -1,4 +1,95 @@
-function setAlarm() {}
+// -------- Alarm Clock Implementation --------
+let countdownInterval = null;
+let flashInterval = null;
+let timeLeft = 0;
+let paused = false;
+
+function setAlarm() {
+  const input = document.getElementById("alarmSet");
+  const heading = document.getElementById("timeRemaining");
+
+  const secondsInput = parseInt(input.value, 10);
+
+  if (isNaN(secondsInput) || secondsInput < 0) return;
+
+  // Reset previous timer if any
+  if (countdownInterval) clearInterval(countdownInterval);
+  stopFlashing();
+  paused = false;
+  timeLeft = secondsInput;
+
+  updateHeading(timeLeft);
+
+  countdownInterval = setInterval(() => {
+    if (!paused) {
+      timeLeft--;
+      if (timeLeft <= 0) {
+        clearInterval(countdownInterval);
+        countdownInterval = null;
+        updateHeading(0);
+        playAlarm();
+        startFlashing();
+      } else {
+        updateHeading(timeLeft);
+      }
+    }
+  }, 1000);
+}
+
+function pauseAlarm() {
+  paused = true;
+  if (audio) audio.pause();
+  stopFlashing();
+}
+
+function resumeAlarm() {
+  if (timeLeft > 0) paused = false;
+}
+
+function stopAlarm() {
+  paused = true;
+  if (audio) audio.pause();
+  stopFlashing();
+  clearInterval(countdownInterval);
+  countdownInterval = null;
+  timeLeft = 0;
+  updateHeading(0);
+}
+
+function resetAlarm() {
+  paused = false;
+  clearInterval(countdownInterval);
+  countdownInterval = null;
+  stopFlashing();
+  timeLeft = 0;
+  updateHeading(0);
+}
+
+// -------- Helper Functions --------
+function updateHeading(seconds) {
+  const heading = document.getElementById("timeRemaining");
+  const mins = Math.floor(seconds / 60)
+    .toString()
+    .padStart(2, "0");
+  const secs = (seconds % 60).toString().padStart(2, "0");
+  heading.innerText = `Time Remaining: ${mins}:${secs}`;
+}
+
+// ---------------- Flashing Screen ----------------
+function startFlashing() {
+  const body = document.body;
+  let isBlue = false;
+  flashInterval = setInterval(() => {
+    body.style.backgroundColor = isBlue ? "white" : "#add8e6"; 
+    isBlue = !isBlue;
+  }, 500);
+}
+
+function stopFlashing() {
+  clearInterval(flashInterval);
+  flashInterval = null;
+  document.body.style.backgroundColor = "white";
+}
 
 // DO NOT EDIT BELOW HERE
 
@@ -9,16 +100,28 @@ function setup() {
     setAlarm();
   });
 
-  document.getElementById("stop").addEventListener("click", () => {
+  document.getElementById("pause").addEventListener("click", () => {
     pauseAlarm();
   });
+
+  document.getElementById("resume").addEventListener("click", () => {
+    resumeAlarm();
+  });
+
+  document.getElementById("stop").addEventListener("click", () => {
+    stopAlarm();
+  });
+
+  document.getElementById("reset").addEventListener("click", () => {
+    resetAlarm();
+  });
 }
 
 function playAlarm() {
   audio.play();
 }
 
-function pauseAlarm() {
+function pauseAlarmSound() {
   audio.pause();
 }
 

Sprint-3/alarmclock/alarmclock.test.js

@@ -2,6 +2,7 @@
 There are some Tests in this file that will help you work out if your code is working.
 */
 
+require("@testing-library/jest-dom");
 const path = require("path");
 const { JSDOM } = require("jsdom");
 
@@ -102,3 +103,6 @@ test("should play audio when the timer reaches zero", () => {
 
   expect(mockPlayAlarm).toHaveBeenCalledTimes(1);
 });
+
+
+// In alarmclock.test.js tests passed

Sprint-3/alarmclock/package.json

@@ -4,7 +4,8 @@
   "license": "CC-BY-SA-4.0",
   "description": "You must update this package",
   "scripts": {
-    "test": "jest --config=../jest.config.js alarmclock"
+    "test": "jest --config=jest.config.js alarmclock"
+    
   },
   "repository": {
     "type": "git",
@@ -13,5 +14,9 @@
   "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": {
+    "@testing-library/jest-dom": "^6.9.1",
+    "jsdom": "^20.0.3"
+  }
 }