HTMLify

sidenav = document.querySelector(".sidenav");
    menuIcon = document.querySelector(".ri-menu-line");
    navCloseBtn = document.querySelector(".ri-close-large-line");
    menuIcon.addEventListener("click",()=>{
    sidenav.style.display = "flex";

});
navCloseBtn.addEventListener("click",()=>{
    sidenav.style.display = "none";
});

const sideNav = document.querySelector('.sidenav');
const menuBtn = document.querySelector('.ri-menu-line');
const closeBtn = document.querySelector('.ri-close-large-line');

menuBtn.addEventListener('click', function() {
sideNav.style.width = '250px';
});

closeBtn.addEventListener('click', function() {
sideNav.style.width = '0';
});

window.addEventListener('click', function(event) {
if (event.target === sideNav) {
    sideNav.style.width = '0';
}
});