solve linter error

Author: tajulafreen

Diff for: Source-Code/StopWatch/script.js

@@ -3,9 +3,9 @@ let seconds = 0;
 let minutes = 0;
 let timer;
 
-const startButton = document.getElementById("start");
-const stopButton = document.getElementById("stop");
-const resetButton = document.getElementById("reset");
+const startButton = document.getElementById('start');
+const stopButton = document.getElementById('stop');
+const resetButton = document.getElementById('reset');
 
 const updateTime = () => {
   milliseconds += 1;
@@ -17,12 +17,9 @@ const updateTime = () => {
     seconds = 0;
     minutes += 1;
   }
-  document.getElementById("milliseconds").innerText =
-    milliseconds < 10 ? `0${milliseconds}` : milliseconds;
-  document.getElementById("seconds").innerText =
-    seconds < 10 ? `0${seconds}` : seconds;
-  document.getElementById("minutes").innerText =
-    minutes < 10 ? `0${minutes}` : minutes;
+  document.getElementById('milliseconds').innerText = milliseconds < 10 ? `0${milliseconds}` : milliseconds;
+  document.getElementById('seconds').innerText = seconds < 10 ? `0${seconds}` : seconds;
+  document.getElementById('minutes').innerText = minutes < 10 ? `0${minutes}` : minutes;
 };
 
 const startTimer = () => {
@@ -39,11 +36,11 @@ const resetTimer = () => {
   milliseconds = 0;
   seconds = 0;
   minutes = 0;
-  document.getElementById("milliseconds").innerText = "00";
-  document.getElementById("seconds").innerText = "00";
-  document.getElementById("minutes").innerText = "00";
+  document.getElementById('milliseconds').innerText = '00';
+  document.getElementById('seconds').innerText = '00';
+  document.getElementById('minutes').innerText = '00';
 };
 
-startButton.addEventListener("click", startTimer);
-stopButton.addEventListener("click", stopTimer);
-resetButton.addEventListener("click", resetTimer);
+startButton.addEventListener('click', startTimer);
+stopButton.addEventListener('click', stopTimer);
+resetButton.addEventListener('click', resetTimer);

Diff for: Source-Code/StopWatch/style.css

@@ -1,45 +1,47 @@
 body {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 100vh;
-    background-color: #2e2a2a;
-    margin: 0;
-    font-family: Arial, sans-serif;
-  }
-  
-  .container {
-   display: flex;
-   flex-direction: column;
-   justify-items: center;
-   align-items: center;
-  }
-  
-  .stopwatch, h1, span{
-    color: aliceblue;
-  }
-  .stopwatch {
-    font-size: 48px;
-    margin-bottom: 20px;
-  }
-  
-  .buttons {
-    display: flex;
-    justify-content: center;
-    gap: 10px;
-  }
-  
-  button {
-    padding: 10px 20px;
-    font-size: 16px;
-    cursor: pointer;
-    border: none;
-    border-radius: 5px;
-    background-color: #007BFF;
-    color: #fff;
-  }
-  
-  button:active {
-    background-color: #0056b3;
-  }
-  
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  background-color: #2e2a2a;
+  margin: 0;
+  font-family: Arial, sans-serif;
+}
+
+.container {
+  display: flex;
+  flex-direction: column;
+  justify-items: center;
+  align-items: center;
+}
+
+.stopwatch,
+h1,
+span {
+  color: aliceblue;
+}
+
+.stopwatch {
+  font-size: 48px;
+  margin-bottom: 20px;
+}
+
+.buttons {
+  display: flex;
+  justify-content: center;
+  gap: 10px;
+}
+
+button {
+  padding: 10px 20px;
+  font-size: 16px;
+  cursor: pointer;
+  border: none;
+  border-radius: 5px;
+  background-color: #007bff;
+  color: #fff;
+}
+
+button:active {
+  background-color: #0056b3;
+}