Fixed Light and Dark mode button #69

index.js

@@ -1,40 +1,53 @@
 function searchPlaylist() {
 
-    var filter_text = document.getElementById("search_bar").value.toUpperCase();
-    var card = document.getElementsByClassName("card");
+  var filter_text = document.getElementById("search_bar").value.toUpperCase();
+  var card = document.getElementsByClassName("card");
 
-    for (var i = 0; i < card.length; i++) {
+  for (var i = 0; i < card.length; i++) {
 
-        var title = card[i].getElementsByClassName("title")[0];
-        var str = title.innerText || title.textContent;
+    var title = card[i].getElementsByClassName("title")[0];
+    var str = title.innerText || title.textContent;
 
-        if (str.toUpperCase().indexOf(filter_text) > -1) {
+    if (str.toUpperCase().indexOf(filter_text) > -1) {
 
-            card[i].style.display = "";
-        } else {
+      card[i].style.display = "";
+    } else {
 
-            card[i].style.display = "none";
-        }
+      card[i].style.display = "none";
     }
+  }
 }
 
 
 $(document).ready(function () {
-    $(window).scroll(function () {
-      if ($(this).scrollTop() > 20) {
-        $("#toTopBtn").fadeIn();
-      } else {
-        $("#toTopBtn").fadeOut();
-      }
-    });
+  $(window).scroll(function () {
+    if ($(this).scrollTop() > 20) {
+      $("#toTopBtn").fadeIn();
+    } else {
+      $("#toTopBtn").fadeOut();
+    }
+  });
+
+  $("#toTopBtn").click(function () {
+    $("html, body").animate(
+      {
+        scrollTop: 0,
+      },
+      1000
+    );
+    return false;
+  });
+});
+
+function darkMode() {
+  var element = document.body;
+  var content = document.getElementById("DarkModetext");
+  element.className = "dark-mode";
+
+}
+function lightMode() {
+  var element = document.body;
+  var content = document.getElementById("DarkModetext");
+  element.className = "light-mode";
 
-    $("#toTopBtn").click(function () {
-      $("html, body").animate(
-        {
-          scrollTop: 0,
-        },
-        1000
-      );
-      return false;
-    });
-  });
+}