some comments

Author: Nataliia74

Sprint-3/alarmclock/alarmclock.js

@@ -9,7 +9,7 @@
 // make the sound happen by using `playAlarm()`.
 // You can stop the alarm sound by pressing the `Stop Alarm` button.
 
-const alarmInputArea = document.querySelector("#alarmSet");
+const alarmInputArea = document.querySelector("#alarmSet"); // get access to InputArea
 console.log(alarmInputArea, "<---- InputArea");
 
 const setAlarmButton = document.querySelector("#set");
@@ -24,64 +24,65 @@ console.log(timeRemainInfo, "<------Remain Time");
 const backgroundColor = document.querySelector("html");
 console.log(backgroundColor, "<------Background Color");
 
-let intervalId;
-let inputInfo = 0;
+let intervalId; // declare variable
+let inputInfo = 0; // declare 'inputInfo' as an 'intervalId' global
 
 function timeFormat(time) {
+  // revert number into min and sec format function
   const mins = String(Math.floor(time / 60)).padStart(2, "0");
   const seconds = String(time % 60).padStart(2, "0");
   timeRemainInfo.textContent = `Time Remaining: ${mins}:${seconds}`;
 }
 
 function setAlarm() {
-  inputInfo = Number(alarmInputArea.value);
+  inputInfo = Number(alarmInputArea.value); // convert input into number
   if (inputInfo < 1 || isNaN(inputInfo)) {
+    // to sift invalid input
     console.log("You need to input a value in seconds!");
     window.alert("You need to input a value in seconds!");
     return;
   }
-  alarmInputArea.value = "";
-  timeFormat(inputInfo);
+  alarmInputArea.value = ""; // clean input area when data assigned to 'inputInfo'
+  timeFormat(inputInfo); // set format input to min and sec
 
   intervalId = setInterval(function () {
-    inputInfo--;
+    //function to set interval for
+    inputInfo--; // countdown the input by 1 sec by iterat.
     if (inputInfo === 0) {
+      //  if input equal 0, set alarm signal and flashing
       clearInterval(intervalId);
       timeFormat(0);
       window.playAlarm();
       changeBackgroundColorFlashing();
     } else {
+      // if input not equal 0, just continue count down
       timeFormat(inputInfo);
     }
   }, 1000);
 }
 
-//setAlarmButton.addEventListener("click", function setAlarm() {
-//console.log("click event is firing...");
-//});
-let flashColor = ["yellow", "pink", "lightgrey", "green"];
-let flashIntervalId;
+let flashColor = ["yellow", "pink", "lightgrey", "green"]; // array for flashing
+let flashIntervalId; // declaring globally variable
 let colorIndex = 0;
 
 setStopButton.addEventListener("click", function stopFlashing() {
   console.log("click event is firing...");
-  clearInterval(flashIntervalId);
-  backgroundColor.style.backgroundColor = "";
+  clearInterval(flashIntervalId); // cleaning any previous possible intervals
+  backgroundColor.style.backgroundColor = ""; // cleaning background to default
+  // option after clicking stop button
   window.pauseAlarm();
 });
 
-//function changeBackgroundColor() {
-//backgroundColor.style.backgroundColor = "lightblue";
-//}
-
 function changeBackgroundColorFlashing() {
-  if (flashIntervalId) clearInterval(flashIntervalId);
+  //function flashing colors
+  if (flashIntervalId) clearInterval(flashIntervalId); // every 1 sec
   flashIntervalId = setInterval(function () {
     backgroundColor.style.backgroundColor = flashColor[colorIndex];
-    colorIndex = (colorIndex + 1) % flashColor.length;
+    colorIndex = (colorIndex + 1) % flashColor.length; // loop over flashColor array
   }, 1000);
-  //stopFlashing();
+  //stopFlashing(); //setTimeout(() => clearInterval(flashIntervalId), 1000);
 }
+
 window.playAlarm = playAlarm;
 window.pauseAlarm = pauseAlarm;