script.js

const sidebarItems = document.querySelectorAll('.sidebar .item');

const tableRows = document.querySelectorAll('.main table tbody tr');

const menuBtn = document.getElementById('menu-btn');

const leftSection  = document.querySelector('.left-section');

let isMenuOpen = false;

sidebarItems.forEach(sideItem =>{
    sideItem.addEventListener('click', () =>{
        sidebarItems.forEach(item =>{
            item.classList.remove('active');
        });
        sideItem.classList.add('active');
    });
});

tableRows.forEach(tableTR =>{
    tableTR.addEventListener('click', () =>{
        tableRows.forEach(item =>{
            item.classList.remove('selected');
        });
        tableTR.classList.add('selected');
    });
});

menuBtn.addEventListener('click', () =>{
    if(!isMenuOpen){
        leftSection.style.left = '0';
   }else{
    leftSection.style.left = '-160px';
   }
   isMenuOpen = !isMenuOpen;
});