code complete, all tests passed

Alex Jamshidi · Alex Jamshidi · commit 0dfe10c689b2 · 2026-05-13T16:18:10.000+01:00
diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js
@@ -1,22 +1,36 @@
+let timer;
+
 function setAlarm() {
-  timeRemaining = document.getElementById("timeRemaining")
   timeSet = document.getElementById("alarmSet").value
-  const time = convertTime(timeSet)
-  
-  
-
-
-  timeRemaining.textContent = `Time Remaining: ${remainingMinutes}:${remainingSeconds}`
+  const time = countdown(timeSet)
+  if (time > 0) {
+    countdown(time);
+  }
 }
 
 function countdown(time) {
-  setInterval(() => {
-    
+  clearInterval(timer);
+  let timeRemaining = time;
+  if (timeRemaining > 5999) {timeRemaining = 5999};
+  UpdateShownTime(timeRemaining)
+  
+  timer = setInterval(() => {
+    timeRemaining -= 1;
+    if (timeRemaining == 0 ) {clearInterval(timer); playAlarm();}
+    UpdateShownTime(timeRemaining)
   }, 1000)
 }
 
+function UpdateShownTime(timeRemaining) {
+  let timeRemainingOutput = document.getElementById("timeRemaining");
+  let title = document.getElementById("title");
+  const formattedTime = convertTime(timeRemaining);
+  const printedTime = printTime(formattedTime);
+  timeRemainingOutput.textContent = `Time Remaining: ${printedTime}`;
+  title.textContent = `Time Remaining: ${printedTime}`;
+}
+
 function convertTime(timeSeconds) {
-  if (timeSeconds > 5999) {return [99, 59]};
   const seconds = timeSeconds % 60;
   const minutes = (timeSeconds - seconds) / 60;
   console.log([minutes, seconds])
@@ -29,16 +43,7 @@ function printTime(time) {
   return paddedHours + ":" + paddedSeconds;
 }
 
-printTime([50,40])
-printTime([50,4])
-printTime([5,40])
-
-convertTime(5000000)
-convertTime(50)
-convertTime(500)
-convertTime(5000000)
 
-/*
 // DO NOT EDIT BELOW HERE
 
 var audio = new Audio("alarmsound.mp3");
@@ -62,4 +67,3 @@ function pauseAlarm() {
 }
 
 window.onload = setup;
-*/
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 id="title">Alarm Clock app</title>
   </head>
   <body>
     <div class="centre">
