feat: enhance alarm functionality with input validation and random background color on alarm trigger

Author: Grajales-K

Sprint-3/alarmclock/alarmclock.js

@@ -1,19 +1,40 @@
 let countdown;
 
 function setAlarm() {
-  let seconds = parseInt(document.getElementById("alarmSet").value);
-
   clearInterval(countdown);
-  updateDisplay(seconds);
+  document.body.style.backgroundColor = "white";
 
-  countdown = setInterval(() => {
-    seconds--;
+  let inputTime = Number(document.getElementById("alarmSet").value);
+
+  if (isNaN(inputTime) || inputTime <= 0) {
+    alert("Please type or select your time 👇⏰");
+    return;
+  }
 
-    updateDisplay(seconds);
+  updateDisplay(inputTime);
+
+  countdown = setInterval(() => {
+    inputTime--;
 
-    if (seconds <= 0) {
+    if (inputTime <= 0) {
       clearInterval(countdown);
+      updateDisplay(0);
       playAlarm();
+
+      let repetitions = 0;
+      countdown = setInterval(() => {
+        document.body.style.backgroundColor = `rgb(
+        ${Math.floor(Math.random() * 256)},
+        ${Math.floor(Math.random() * 256)}, 
+        ${Math.floor(Math.random() * 256)})`;
+        repetitions++;
+
+        if (repetitions > 100) {
+          clearInterval(countdown);
+        }
+      }, 200);
+    } else {
+      updateDisplay(inputTime);
     }
   }, 1000);
 }
@@ -29,8 +50,6 @@ function updateDisplay(seconds) {
   document.getElementById("timeRemaining").innerText = display;
 }
 
-
-
 // DO NOT EDIT BELOW HERE
 
 let audio = new Audio("assets/trebolClan.mp3");
@@ -54,8 +73,7 @@ function pauseAlarm() {
   audio.pause();
   stopAudio.play();
   clearInterval(countdown);
+  // document.body.style.backgroundColor = "white";
 }
 
 window.onload = setup;
-
-