index.js

const sideMenu=document.querySelector('aside');


const menuBtn=document.getElementById('menu-btn');
// const menuBtn=document.querySelector('#menu-btn');
const closeBtn=document.getElementById('close-btn');
// const closeBtn=document.querySelector('#close-btn');

const themeToggler=document.querySelector('.theme-toggler');


// show sidebar
menuBtn.addEventListener('click',()=>{
    sideMenu.style.display="block";
})

// hide sidebar
closeBtn.addEventListener('click',()=>{
    sideMenu.style.display="none";
})


themeToggler.addEventListener('click',()=>{
    document.body.classList.toggle('dark-theme-variables');

themeToggler.querySelector('span:nth-child(1)').classList.toggle('active');
themeToggler.querySelector('span:nth-child(2)').classList.toggle('active');


})


// sideMenu.addEventListener('mouseover',(e)=>{
//      e.target.classList.add('active'); 
  
    
// })

// sideMenu.addEventListener('mouseout',(e)=>{
//     e.target.classList.remove('active');

// })