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

Question

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

Felix Ученик (240), на голосовании 5 месяцев назад

   
 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 модульного окна. 
 
Мне нужно чтобы модулка была привязана к  кнопке  
 
		 
 
 и к 
 
Узнать подробнее 
 
 
, но есть нюанс  они находятся в разных родительских контейнерах. Как это лучше реализовать?

Answer 1

 let more = document.querySelector('.more'),
    descriptionBtn = document.querySelector('.description-btn')

Объяви еще одну переменную, вынеси в отдельную функцию то, что нужно делать при открытии и добавь еще обработчик.

 function showPopup() {}

more.addEventListener('click', showPopup)
descriptionBtn.addEventListener('click', showPopup)