script.js

/// All Node Variables ///

let nwesltr_close = document.querySelector('#cross_newsltr');
let bg_newsltr = document.querySelector('#newsltr_bg');
let main_newsltr_div = document.querySelector('#newsltr_main');
let click_sm_nav = document.querySelector('#nav_sm');
let show_sm_nav = document.querySelector('#hidden_nav');
let cross_sm_nav = document.querySelector('#cross_nav');
let dys = document.querySelector('#days');
let hrs = document.querySelector('#hrs');
let mints = document.querySelector('#mins');
let secs = document.querySelector('#secs');
const btns_top = document.querySelectorAll('.btns_top');
const shop_dpd = document.getElementById('shop_hbr');
const page_dpd = document.getElementById('page_hbr');
const Cart_menu = document.querySelector('#cart_hid');
const Cart_cross = document.querySelector('#cross_cart');
const Cart_ico = document.querySelector('#cart_show');
// For Newsletter

nwesltr_close.addEventListener('click', () => {
  bg_newsltr.classList.add('hidden');
  main_newsltr_div.classList.remove('flex');
  main_newsltr_div.classList.add('hidden');
  document.body.classList.remove('overflow-y-hidden');
});

// For Sm NavBar
click_sm_nav.addEventListener('click', () => {
  show_sm_nav.classList.remove('-left-full');
  show_sm_nav.classList.add('left-0');
  document.body.classList.add('overflow-y-hidden');
});
cross_sm_nav.addEventListener('click', () => {
  show_sm_nav.classList.remove('left-0');
  show_sm_nav.classList.add('-left-full');
  document.body.classList.remove('overflow-y-hidden');
});

/// For Count Down of Banner Section

const targetDate = new Date('December 31, 2024 23:59:59').getTime();

const countdownInterval = setInterval(updateCountdown, 1000);

function updateCountdown() {
  const currentDate = new Date().getTime();

  const remainingTime = targetDate - currentDate;

  // Calculate days, hours, minutes, and seconds
  const days = Math.floor(remainingTime / (1000 * 60 * 60 * 24));
  const hours = Math.floor(
    (remainingTime % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)
  );
  const minutes = Math.floor((remainingTime % (1000 * 60 * 60)) / (1000 * 60));
  const seconds = Math.floor((remainingTime % (1000 * 60)) / 1000);
  dys.innerHTML = `${days}`;
  hrs.innerHTML = `${hours}`;
  mints.innerHTML = `${minutes}`;
  secs.innerHTML = `${seconds}`;

  // If the countdown is over, clear the interval
  if (remainingTime < 0) {
    clearInterval(countdownInterval);
    countdownElement.innerHTML = 'Countdown expired!';
  }
}

// For DropDown Menu

btns_top.forEach((btn) => {
  btn.addEventListener('mouseover', () => {
    const buttonText = btn.querySelector('a').innerText.trim();

    if (buttonText === 'Shop') {
      shop_dpd.classList.remove('hidden');
      shop_dpd.classList.add('flex');
    } else if (buttonText === 'Pages') {
      page_dpd.classList.remove('hidden');
      page_dpd.classList.add('flex');
    }
  });

  btn.addEventListener('mouseout', () => {
    const buttonText = btn.querySelector('a').innerText.trim();

    if (buttonText === 'Shop') {
      shop_dpd.classList.remove('flex');
      shop_dpd.classList.add('hidden');
    } else if (buttonText === 'Pages') {
      page_dpd.classList.remove('flex');
      page_dpd.classList.add('hidden');
    }
  });
});

/// For Shopping Cart

Cart_ico.addEventListener('click', () => {
  Cart_menu.classList.remove('hidden');
  Cart_menu.classList.add('flex');
  Cart_menu.classList.add('!right-0');
  document.body.classList.add('overflow-y-hidden');
});
Cart_cross.addEventListener('click', () => {
  Cart_menu.classList.add('hidden');
  Cart_menu.classList.remove('flex');
  Cart_menu.classList.remove('!right-0');
  document.body.classList.remove('overflow-y-hidden');
});