gazes12
@gazes12

Почему один скрипт ломает другой скрипт?

Есть два скрипта:
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');
    }
}


Первый скрипт работает. Ну когда подключаю второй, то первый перестает работать! Что с этим делать?
  • Вопрос задан
  • 125 просмотров
Решения вопроса 1
rqdkmndh
@rqdkmndh
Web-разработчик
второй скрипт переписывает свойство document.onclick, которое использует первый скрипт.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы