Merge pull request #15 from Imran-imtiaz48/patch-3

Update script.js

Author: tajulafreen

Source-Code/BluringImage/script.js

@@ -1,27 +1,24 @@
-// Disable ESLint for the entire file
-/* eslint-disable */
+document.addEventListener("DOMContentLoaded", () => {
+    const loadingText = document.querySelector(".loading-text");
+    const bg = document.querySelector(".bg");
+    let load = 0;
+  
+  // Function to update the loading state and apply styles
+  const blurring = () => {
+    load++;
+    if (load > 99) {
+      clearInterval(intervalId);
+    }
+    loadingText.innerText = `${load}%`;
+    loadingText.style.opacity = scale(load, 0, 100, 1, 0);
+    bg.style.filter = `blur(${scale(load, 0, 100, 30, 0)}px)`;
+  };
 
-// Select DOM elements
-const loadingText = document.querySelector(".loading-text");
-const bg = document.querySelector(".bg");
+  // Start the interval to run the blurring function every 20ms
+  const intervalId = setInterval(blurring, 20);
 
-let load = 0;
-
-// Function to update the loading state and apply styles
-const blurring = () => {
-  load++;
-  if (load > 99) {
-    clearInterval(intervalId);
-  }
-  loadingText.innerText = `${load}%`;
-  loadingText.style.opacity = scale(load, 0, 100, 1, 0);
-  bg.style.filter = `blur(${scale(load, 0, 100, 30, 0)}px)`;
-};
-
-// Start the interval to run the blurring function every 20ms
-const intervalId = setInterval(blurring, 20);
-
-// Utility function to scale a number from one range to another
-const scale = (num, inMin, inMax, outMin, outMax) => {
-  return ((num - inMin) * (outMax - outMin)) / (inMax - inMin) + outMin;
-};
+  // Utility function to scale a number from one range to another
+  const scale = (num, inMin, inMax, outMin, outMax) => {
+    return ((num - inMin) * (outMax - outMin)) / (inMax - inMin) + outMin;
+  };
+});