perf: Optimize JS

static/scripts/animation.js

@@ -0,0 +1,28 @@
+function showPopup() {
+  const popup = document.getElementById("popup");
+  const sqlInpt = document.getElementById("sqlInpt");
+
+  popup.classList.remove('slideoutHelp');
+  sqlInpt.classList.remove('slideoutInpt');
+  popup.style.display = "block";
+
+  setTimeout(() => {
+    popup.classList.add('slideinHelp')
+    sqlInpt.classList.add('slideinInpt')
+  }, 1);
+}
+
+function hidePopup() {
+  const popup = document.getElementById("popup");
+  const sqlInpt = document.getElementById("sqlInpt");
+
+  sqlInpt.classList.remove('slideinInpt');
+  sqlInpt.classList.add('slideoutInpt')
+  popup.classList.remove('slideinHelp');
+  popup.classList.add('slideoutHelp');
+
+  setTimeout(() => {
+    popup.style.display = "none"
+    popup.style.position = "absolute"
+  }, 1000);
+}

static/scripts/index.js

@@ -1,34 +0,0 @@
-(function(window, document, undefined) {
-
-  // code that should be taken care of right away
-
-  window.onload = init;
-
-  function init(){
-    const popup = document.getElementById("popup");
-    const help = document.getElementById("help");
-    const sqlInpt = document.getElementById("sqlInpt");
-
-    function showPopup() {
-      popup.classList.remove('slideoutHelp');
-      sqlInpt.classList.remove('slideoutInpt');
-      popup.style.display = "block";
-      setTimeout(() => popup.classList.add('slideinHelp'), 1);
-      setTimeout(() => sqlInpt.classList.add('slideinInpt'), 1);
-    }
-
-    function hidePopup() {
-      sqlInpt.classList.remove('slideinInpt');
-      popup.classList.remove('slideinHelp');
-      setTimeout(() => {popup.style.display = "none"}, 1000);
-      setTimeout(() => {popup.style.position = "absolute"}, 1000);
-      popup.classList.add('slideoutHelp');
-      sqlInpt.classList.add('slideoutInpt')
-    }
-
-    help.addEventListener("click", showPopup);
-    popup.addEventListener("click", hidePopup);
-  }
-
-})(window, document, undefined);
-