// вынес переменную за пределы функции
const notification = document.querySelector('.test')
// слушатель событий на клик по всему документу,
// но делают на родительский элемент
document.addEventListener('click', (e) => {
// 1.1 Проверяем, "!" Не активен ли класс .active,
// если нет, то уходим глубже к следующему IF
if (!notification.classList.contains('active')) {
// 2. Тут мы смотрим, если клик не на элемент "welcome", то делаем return
if (e.target.classList.value !== "welcome") {
return;
}
// если на элемент "welcome" , то применяем toggle
notification.classList.toggle('active')
} else {
// 1.2 Если элемент содержит .active, то клик по любому месту сделает toggle
notification.classList.toggle('active')
}
})