Как можно сократить дублирующийся код в JS?

Question

[Alex Ivanov]

Как можно сократить дублирующийся код в JS?
У меня есть 3 модальных окна и разница между ними, это только переменные..

Вот сам код

Answer 1

[0xD34F]

можно

могу даже показать как - если исправите свой вопрос так, чтобы он правила перестал нарушать

UPD.

function addClickListeners(buttonsSelector, dialogSelector) {
  const buttons = document.querySelectorAll(buttonsSelector);
  const dialog = document.querySelector(dialogSelector);

  buttons.forEach(n => n.addEventListener('click', e => {
    e.preventDefault();
    dialog.style.display = 'block';
  }));

  dialog.addEventListener('click', ({ target }) => {
    if (target.classList.contains('popup-close')) {
      document.getElementById('name_1').setAttribute('disabled', true);
      document.getElementById('phone_1').setAttribute('disabled', true);
      dialog.style.display = 'none';
    } else {
      if (!target.closest('.popup-content')) {
        dialog.style.display = 'none';
      }
    }
  });
}

addClickListeners('header .contacts a', '.popup-call');
addClickListeners('.sentence-btn', '.popup-discount');
addClickListeners('.check-btn', '.popup-check');

Comments

[Alex Ivanov]

0xD34F в правилах 9 пунктов, не учитывая подпункты.
Скажите что именно я нарушаю?

[0xD34F]

Alex_vs_Predator, 3.4. Ну и 3.2 тоже - неплохо было бы разметку увидеть (а лучше - пример в песочнице).

[Alex Ivanov]

0xD34F, готово)