script.js

//navbar//
let navbar=document.querySelector('.navbar');
document.querySelector('#menu-btn').onclick= () =>{
    navbar.classList.toggle('active');
    searchform.classList.remove('active');
    cartitem.classList.remove('active');
}

//cart item//
let cartitem=document.querySelector('.cart-item-container');
document.querySelector('#cart-btn').onclick= () =>{
    cartitem.classList.toggle('active');
    navbar.classList.remove('active');
    searchform.classList.remove('active');
}

//search form//
let searchform=document.querySelector('.search-form');
document.querySelector('#search-btn').onclick= () =>{
    searchform.classList.toggle('active');
    navbar.classList.remove('active');
    cartitem.classList.remove('active');
}

window.onscroll=()=>{
    navbar.classList.remove('active');
    searchform.classList.remove('active');
    cartitem.classList.remove('active');

}