Refactor jquery from product selector

Author: nginx-jack

assets/js/product-selector.js

@@ -1,17 +1,18 @@
-$(document).ready(function () {
+document.addEventListener("DOMContentLoaded", function() {
     const productSelectorContent = document.getElementById("product-selector");
+    const productSelectorButton = document.getElementById("product-selector-button");
 
-    $("#product-selector-button").on("click", () => {
+    productSelectorButton.addEventListener("click", function() {
         if (productSelectorContent.style.display === "block") {
             productSelectorContent.style.display = "none";
         } else {
             productSelectorContent.style.display = "block";
         }
     });
 
-    window.onclick = function(event) {
+    window.addEventListener("click", function(event) {
         if (!event.target.matches('#product-selector-button') && !event.target.matches('#product-selector-button-icon')) {
-            productSelectorContent.style.display = "none"
+            productSelectorContent.style.display = "none";
         }
-    }
-})
+    });
+});