From af330b4cb8325a5d78c49bcb041226fd22b94f6f Mon Sep 17 00:00:00 2001 From: JenniferIsidienu Date: Mon, 18 Aug 2025 14:10:56 +0100 Subject: [PATCH] Sprint3 Alarm clock --- Sprint-3/alarmclock/alarmclock.js | 34 ++++++++++++++++++++++++++++++- Sprint-3/alarmclock/index.html | 2 +- 2 files changed, 34 insertions(+), 2 deletions(-) diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js index 6ca81cd3b..a88e08c1d 100644 --- a/Sprint-3/alarmclock/alarmclock.js +++ b/Sprint-3/alarmclock/alarmclock.js @@ -1,4 +1,36 @@ -function setAlarm() {} + let countdownTimer; + let timeRemaining = 0; + +function setAlarm() { + const input = document.getElementById("alarmSet"); + timeRemaining = Number(input.value); + + updateDisplay(timeRemaining); + clearInterval(countdownTimer); + + countdownTimer = setInterval(function () { + timeRemaining--; + + if (timeRemaining <= 0) { + clearInterval(countdownTimer); + updateDisplay(0); + playAlarm(); + } else { + updateDisplay(timeRemaining); + } + }, 1000); +} +function updateDisplay(seconds) { + const heading = document.getElementById("timeRemaining"); + + const minutes = Math.floor(seconds / 60); + const secs = seconds % 60; + + const minuteStr = String(minutes).padStart(2, '0'); + const secondStr = String(secs).padStart(2, '0'); + + heading.innerText = `Time Remaining: ${minuteStr}:${secondStr}`; + } // DO NOT EDIT BELOW HERE diff --git a/Sprint-3/alarmclock/index.html b/Sprint-3/alarmclock/index.html index 48e2e80d9..ff2d3b453 100644 --- a/Sprint-3/alarmclock/index.html +++ b/Sprint-3/alarmclock/index.html @@ -4,7 +4,7 @@ - Title here + Alarm clock app