Есть два скрипта:
const openMonitoring = document.querySelector('.monitoring');
openMonitoring.classList.add('noActive');
const openMonitoringIcon = document.querySelector('.monitoring__icon')
const monitoring = document.querySelector('.header-bottom');
const burger = document.querySelector('.burger');
const nav = document.querySelector('.header-top__nav');
document.onclick = (e) =>{
if(e.target.classList.contains('monitoring')){
monitoring.classList.toggle('active');
openMonitoringIcon.classList.toggle('active');
openMonitoring.classList.toggle('noActive');
} else if(!e.target.classList.contains('header-bottom')){
monitoring.classList.remove('active');
openMonitoringIcon.classList.remove('active');
openMonitoring.classList.add('noActive');
}
if(e.target.classList.contains('burger')){
document.body.classList.add('lock');
nav.classList.toggle('active');
} else if(!e.target.classList.contains('header-top__nav')){
document.body.classList.remove('lock');
nav.classList.remove('active');
}
}
const selectBtn = document.querySelector('.auth-bottom__button');
const selectList = document.querySelector('.auth-bottom__list');
const selectItem = document.querySelector('.auth-bottom__item');
document.onclick = (e) =>{
if(e.target.closest('.auth-bottom__button')){
e.preventDefault();
selectList.classList.toggle('active');
document.querySelector('.auth-bottom__button i').classList.toggle('active');
} else if(!e.target.closest('.auth-bottom__list')){
selectList.classList.remove('active');
document.querySelector('.auth-bottom__button i').classList.remove('active');
}
if(e.target.closest('.auth-bottom__item')){
document.querySelector('.auth-bottom__button p').innerText = e.target.innerText;
selectList.classList.remove('active');
document.querySelector('.auth-bottom__button i').classList.remove('active');
}
}
Первый скрипт работает. Ну когда подключаю второй, то первый перестает работать! Что с этим делать?
