From f6e14548bad4c0c69053ef9d47fc140cd43c7cbb Mon Sep 17 00:00:00 2001 From: abduhasen Date: Fri, 27 Mar 2026 22:07:49 +0000 Subject: [PATCH 1/2] wrote a code to implement alarmclock --- Sprint-3/alarmclock/alarmclock.js | 16 +++++++++++++++- Sprint-3/alarmclock/index.html | 4 ++-- 2 files changed, 17 insertions(+), 3 deletions(-) diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js index 6ca81cd3b..2d71e0a49 100644 --- a/Sprint-3/alarmclock/alarmclock.js +++ b/Sprint-3/alarmclock/alarmclock.js @@ -1,4 +1,18 @@ -function setAlarm() {} +function setAlarm() { + const userInput = document.querySelector("#alarmSet").value; + let timeRemaining = userInput; + + const myInterval = setInterval(function () { + timeRemaining -= 1; + const charactersLeftP = document.querySelector("#timeRemaining"); + charactersLeftP.innerText = `Time Remaining ${timeRemaining}`; + + if (timeRemaining === 0) { + playAlarm(); + clearInterval(myInterval); + } + }, 1000); +} // DO NOT EDIT BELOW HERE diff --git a/Sprint-3/alarmclock/index.html b/Sprint-3/alarmclock/index.html index 48e2e80d9..66748001e 100644 --- a/Sprint-3/alarmclock/index.html +++ b/Sprint-3/alarmclock/index.html @@ -1,10 +1,10 @@ - + - Title here + Alarm clock app
From eac7a915e763c84a90af1a478ea95d77830f5d67 Mon Sep 17 00:00:00 2001 From: abduhasen Date: Fri, 27 Mar 2026 22:27:24 +0000 Subject: [PATCH 2/2] fixing the way it display the time --- Sprint-3/alarmclock/alarmclock.js | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js index 2d71e0a49..76c476a73 100644 --- a/Sprint-3/alarmclock/alarmclock.js +++ b/Sprint-3/alarmclock/alarmclock.js @@ -4,8 +4,12 @@ function setAlarm() { const myInterval = setInterval(function () { timeRemaining -= 1; + const minutes = Math.floor(timeRemaining / 60); + const seconds = timeRemaining % 60; + const formattedMinutes = String(minutes).padStart(2, "0"); + const formattedSeconds = String(seconds).padStart(2, "0"); const charactersLeftP = document.querySelector("#timeRemaining"); - charactersLeftP.innerText = `Time Remaining ${timeRemaining}`; + charactersLeftP.innerText = `Time Remaining:${formattedMinutes}:${formattedSeconds}`; if (timeRemaining === 0) { playAlarm();