Update script.js

Author: isbendiyarovanezrin

29 - Countdown Timer/js/script.js

@@ -1,3 +1,6 @@
+"use strict";
+
+const sound = document.getElementById("sound");
 const buttons = document.querySelectorAll("[data-seconds]");
 const form = document.querySelector("#form");
 const input = document.querySelector("#input");
@@ -17,6 +20,9 @@ function timer(seconds) {
       clearInterval(countdown);
       return;
     }
+    if (remainingTime.innerText === "00:00") {
+      sound.pause();
+    }
     displayRemainingTime(remainingSeconds);
   });
 }
@@ -43,36 +49,41 @@ function displayEndTime(then) {
 }
 
 function startTimer1() {
+  sound.play();
   const seconds = this.dataset.seconds;
   timer(seconds);
 }
 
 function startTimer2(e) {
   e.preventDefault();
+  sound.play();
   const minutes = input.value;
   const seconds = minutes * 60;
 
   if (minutes / 1 != minutes) {
+    sound.pause();
     clearInterval(countdown);
     remainingTime.textContent = "Please enter only numbers.";
-    remainingTime.style.fontSize = "7rem";
+    remainingTime.style.fontSize = window.innerWidth < 500 ? "4rem" : "7rem";
     document.title = "Countdown Timer";
     endTime.textContent = "";
     this.reset();
     return;
   }
 
   if (minutes < 0) {
+    sound.pause();
     clearInterval(countdown);
     remainingTime.textContent = "Please enter a positive number.";
-    remainingTime.style.fontSize = "7rem";
+    remainingTime.style.fontSize = window.innerWidth < 500 ? "3.9rem" : "7rem";
     document.title = "Countdown Timer";
     endTime.textContent = "";
     this.reset();
     return;
   }
 
   if (minutes == 0) {
+    sound.pause();
     clearInterval(countdown);
     remainingTime.textContent = "Oh, no! Zero?";
     remainingTime.style.fontSize = "7rem";