const activs = document.querySelectorAll(".activity-nav-item");
activs.forEach(items=>{
    // console.log(items);
        items.addEventListener('click',function(e){
            // e.preventDefault();
                activs.forEach(removeClass=>{
                    removeClass.classList.remove('active');
                })
                this.classList.add('active');
    });
});