Как заставить функцию выполняться только при активном блоке?

Question

[Kardamon90]

if (list.classList.contains('active')) {
			document.addEventListener('click', (e) => {
				if (!list.contains(e.target) && !btn.contains(e.target)) {
					list.classList.remove('active');
					sublist.forEach((el) => el.classList.remove("active"));
					document.querySelectorAll('.catalog__arrow').forEach((el) => el.classList.remove("active"));
					shadow.classList.remove('active');
					btn.classList.remove('active')
				}
			})
		}

Делаю функцию для клика вне блока чтобы скрывать элементы, нужно что бы эта функция выполнялась только в случае если наши элементы уже активны, но дойти до нужного решения у меня не выходит. Когда пишу условие, что один из элементов уже имеет класс актив, то функция вообще не срабатывает, а если без проверки, то ломается другая функция Подскажите как можно решить данную задачу

Answer 1

[Nik Faraday]

Самый просто (И примитивный) способ. При открытии блока ставьте какой-то "переключатель" типа isShowed как true (Или для IsHidden - false). Далее при клике вне блока проверяйте значение этой переменной и уже делайте какие-то действия

Comments

[Kardamon90]

А можете подсказать, как правильно такое загуглить, дабы ознакомиться подробнее?

[Nik Faraday]

Kardamon90, тут не гуглить нужно, тут нечего гуглить.

У вас должен быть ведь какой-то "клик ивент" либо другое событие, которое срабатывает, когда открывается блок. Вы просто где-то сверху скрипта объявите переменную IsShhowed (или IsHidden, по вашему желанию) и дайте ей соответствующее начальное значение.

В тот момент, когда юзер будет открывать блок, просто ставьте соответствующее значение этой переменной. Аналогично, когда юзер захочет закрыть это окно

[Nik Faraday]

Kardamon90, ещё есть проблема в том, что вы просите сказать вам, как сделать такую функцию, я вам и сказал)

Просто, я так подозреваю, тут может быть ещё одна проблема. Если вы работаете с модальными окнами, то нужно ещё как-то учесть МЕСТО, где производится клик, т.к. по блоку или вне блока. Я помню, у меня были с этим проблемы. Как я это решил? Я не помню, и вряд ли я сейчас конкретно с этим смогу вам помочь, это скорее всего вопросы для другого ВОПРОСА