TERMINAL FM // js

EDITOR
/home/u917864144/domains/humsafarholiday.com/public_html/assets/js/script.js
/*--------------------------------------------------------------------------------------
    Template Name: WizardSlides - Ultimate Slider Collection with HTML, CSS, Tailwind, JS
    Author: MKTemplateWizard
    Version: 1.0.0
    

    TABLE OF CONTENT
----------------------------------------------------------------------------------------
========================================================================================
    1. TOGGLE LIGHT AND DARK MODE
    2. MOBILE MENU
   
----------------------------------------------------------------------------------------*/

"use strict";

//=========================================== TOGGLE LIGHT AND DARK MODE
const sunIcon = document.getElementById("sunIcon"),
  moonIcon = document.getElementById("moonIcon"),
  userTheme = localStorage.getItem("theme"),
  toggleBtn = document.getElementById("light__to--dark");

// TOGGLING BTN ACTIVE CLASS
const btnToggle = () => {
  moonIcon?.classList.toggle("hidden");
  sunIcon?.classList.toggle("hidden");
};

// CHECKING SYSTEM & LOCALSTORAGE THEME
const themeCheck = () => {
  if (userTheme === "dark") {
    document.documentElement.classList.add("dark");
    moonIcon?.classList.add("hidden");
    return;
  }
  sunIcon?.classList.add("hidden");
};

// SWITCHING THEME CONDITIONALLY
const themeSwitch = () => {
  if (document.documentElement.classList.contains("dark")) {
    document.documentElement.classList.remove("dark");
    localStorage.setItem("theme", "light");
    btnToggle();
    return;
  }
  document.documentElement.classList.add("dark");
  localStorage.setItem("theme", "dark");
  btnToggle();
};

// MANUALLY SWITCHING THEME
toggleBtn?.addEventListener("click", themeSwitch);

// WINDOW RELOAD THEME CHECK
themeCheck();
//=========================================== TOGGLE LIGHT AND DARK MODE

//=========================================== MOBILE MENU
const menuButton = document.getElementById("menuButton"),
  mobileMenu = document.getElementById("mobileMenu"),
  menuIcon = document.getElementById("menuIcon");

menuButton?.addEventListener("click", function () {
  // Toggle the "hidden" class on the mobile menu
  mobileMenu.classList.toggle("show");

  // Toggle the icon class between fa-bars and fa-xmark
  menuIcon.classList.toggle("fa-bars");
  menuIcon.classList.toggle("fa-xmark");
});
//=========================================== MOBILE MENU
Ln 1, Col 1
ONLINE
26 items
10:56:31