Mail.ruПочтаМой МирОдноклассникиВКонтактеИгрыЗнакомстваНовостиКалендарьОблакоЗаметкиВсе проекты

Как привязать модульное окно к двум кнопкам?

- Ученик (195), открыт 4 недели назад
   
function modalCall() {
let more = document.querySelector('.more'),
overlay = document.querySelector('.overlay'),
close = document.querySelector('.popup-close');


more.addEventListener('click', function () {
overlay.style.display = 'block';
this.classList.add('more-splash');
document.body.style.overflow = 'hidden'
});

close.addEventListener('click', function () {
overlay.style.display = 'none';
more.classList.remove('more-splash');
document.body.style.overflow = ''
})


}
modalCall()







script и html модульного окна.

Мне нужно чтобы модулка была привязана к кнопке



и к

Узнать подробнее


, но есть нюанс они находятся в разных родительских контейнерах. Как это лучше реализовать?

1 ответ
Петр Алексеевич Оракул (81400) 4 недели назад
 let more = document.querySelector('.more'),
descriptionBtn = document.querySelector('.description-btn')
Объяви еще одну переменную, вынеси в отдельную функцию то, что нужно делать при открытии и добавь еще обработчик.
 function showPopup() {}

more.addEventListener('click', showPopup)
descriptionBtn.addEventListener('click', showPopup)
-Ученик (195) 4 недели назад
Спасибо большое
Похожие вопросы