Update and rename searchbar.js to main.js

js/main.js

@@ -0,0 +1,67 @@
+// main.js
+
+$(document).ready(function() {
+    // Dark Mode Functionality
+    function updateDarkMode() {
+        var isChecked = $("#darkModeCheckbox").is(":checked");
+        var body = document.querySelector('body');
+        var paragraphs = document.querySelectorAll('p');
+        var headings = document.querySelectorAll('h1, h2, h3');
+        var footer = document.querySelector('.footer');
+        var buttons = document.querySelectorAll('button, .source-btn, .dsc-btn, .clr-btn');
+        var versionTexts = document.querySelectorAll('.version-text');
+
+        if (isChecked) {
+            body.classList.add('dark-mode');
+        } else {
+            body.classList.remove('dark-mode');
+        }
+    }
+
+    $("#darkModeCheckbox").on("change", updateDarkMode);
+    updateDarkMode();
+
+    // Clr data
+    function openClrModal() {
+        document.getElementById('clr-data-model').style.display = 'flex';
+    }
+
+    function closeClrModal() {
+        document.getElementById('clr-data-model').style.display = 'none';
+    }
+
+    document.getElementById('clr-data-model').addEventListener('click', function(event) {
+        if (event.target.classList.contains('cancel-btn')) {
+            closeClrModal();
+        } else if (event.target.tagName === 'BUTTON' && event.target.textContent === 'Yes') {
+            localStorage.clear();
+            location.reload();
+        }
+    });
+
+    // Search Bar Functionality
+    $('#search-bar').on('keyup', function() {
+        var query = $(this).val().toLowerCase();
+        $('.filter-button').each(function() {
+            var buttonText = $(this).text().toLowerCase();
+            if (buttonText.indexOf(query) > -1) {
+                $(this).show();
+            } else {
+                $(this).hide();
+            }
+        });
+    });
+
+    // Show Modded Clients Functionality
+    function updateShowModded() {
+        var isChecked = $("#showModded").is(":checked");
+        if (isChecked) {
+            $("#moddedButtons").show();
+        } else {
+            $("#moddedButtons").hide();
+        }
+    }
+
+    $("#showModded").on("change", updateShowModded);
+    updateShowModded();
+});

js/searchbar.js

@@ -1,13 +0,0 @@
-$(document).ready(function() {
-    $('#search-bar').on('keyup', function() {
-        var query = $(this).val().toLowerCase();
-        $('.filter-button').each(function() {
-            var buttonText = $(this).text().toLowerCase();
-            if (buttonText.indexOf(query) > -1) {
-                $(this).show();
-            } else {
-                $(this).hide();
-            }
-        });
-    });
-});