made sure when input time is 0, alarm still works and added background colour for timer starting at 10

Author: asaniDev

Sprint-3/alarmclock/alarmclock.js

@@ -1,11 +1,16 @@
 let inputTime = 0;
 let timer = null;
+let changeBgColor = false;
 
 function setAlarm() {
   inputTime = Number(document.querySelector("#alarmSet").value);
 
   if (Number.isInteger(inputTime) && !isNaN(inputTime) && inputTime >= 0) {
     if (inputTime === 10) {
+      changeBgColor = true;
+    } else if (inputTime === 0) {
+      displayTime(inputTime);
+      playAlarm();
     }
     displayTime(inputTime);
     if (timer) clearInterval(timer);
@@ -30,10 +35,21 @@ function countDown() {
 
   if (inputTime === 0) {
     playAlarm();
+
+    if (changeBgColor) {
+      changeColor();
+      changeBgColor = false;
+    }
+
     clearInterval(timer);
     timer = null;
   }
 }
+
+function changeColor() {
+  const bgColor = document.querySelector("div");
+  bgColor.classList.add("myBgColor");
+}
 /*
 the the value for time remaining
 check its a valid time (greater than 00:00)

Sprint-3/alarmclock/style.css

@@ -6,6 +6,10 @@
   transform: translate(-50%, -50%);
 }
 
+.myBgColor {
+  background-color: #f0f8ff;
+}
+
 #alarmSet {
   margin: 20px;
 }