Итак, есть у меня скрипт, который должен отслеживать нажатие на заголовок и добавляет этому элементу доп класс .active. Также в условиях записаны еще элементы, у которых меняется класс при клике на заголовок. В итоге, событие клик срабатывает не только по элементам из условий, но и по его дочерним элементам и всем дает класс .active
Скрипт после комментария // menu-item click вообще не срабатывает.
В песочнице верстка и сам скрипт. Прошу указать на ошибку и помочь исправить, так как я знаю какие-то базы, но как начинаю писать - все идет по известному направлению.
document.addEventListener('click',как раз и вешает слушатель клика на ВЕСЬ документ. И по коду, надо давать класс эктив ЛЮБОМУ элементу, который кликнут (event.target.classList.add('active');).
Иван Медведев, либо вешать на конкретный класс/элемент (что более логично и правильно, не заставляет документ реагировать на каждый клик), либо проверять подходит ли таргет элемент под нужные вам параметры, и тогда что-то делать (подходит в случае когда элементы динамические и могут добавляться через скрипт).
