https://altvpn.com/en/faq/js/modals.js?v.0.0.12

1/** Связывание кнопки и модального окна
2 * @param {NodeElement} btn кнопка открытия модального окна
3 * @param {NodeElement} modal модальное окно
4 */
5function bodyFix() {
6  // if($(window).width() < 980) {
7  $('body').addClass('body-fixed');
8  // }
9}
10
11function bodyUnfix(event) {
12  // if($(window).width() < 980) {
13  $('body').removeClass('body-fixed');
14  const isBkfModal = event.target.parentNode.classList.contains('banner-ny') ||  event.target.classList.contains('banner-ny')
15  if(isBkfModal) {
16    window.localStorage.setItem('bkf-modal', JSON.stringify({
17      timeStamp: Date.now()
18    }))
19  }
20  // }
21}
22
23function initModal(btn, modal) {
24  const modalCurrent = document.querySelector(modal);
25  const allButtons = document.querySelectorAll(btn);
26  const closeBtn = modalCurrent.querySelector('.btn-close');
27
28  for (let i = 0; i < allButtons.length; i++) {
29    allButtons[i].addEventListener('click', function(e) {
30      e.preventDefault();
31    });
32  }
33
34  closeBtn.addEventListener('click', function(e) {
35    modalCurrent.classList.add('modal-hidden');
36    bodyUnfix(e);
37  });
38
39  // Если есть кнопка вернуться, она закрывает текущее модальное окно
40  if (modalCurrent.querySelector('#button-back')) {
41    modalCurrent.querySelector('#button-back')
42        .addEventListener('click', function(e) {
43          setTimeout(() => {
44            modalCurrent.classList.add('modal-hidden');
45          }, 0)
46        });
47  }
48
49  modalCurrent.addEventListener('click', function(e) {
50    if (!e.target.closest('.modal__body') && !document.querySelector('#dlt-row')) {
51      modalCurrent.classList.add('modal-hidden');
52      console.log(e);
53      bodyUnfix(e);
54    }
55  });
56}
57