Почему перестает работать всплывающее окно при добавлении второй кнопки?

Question

[Сергей]

Привет, вот код скрипта открывающего всплывающее окно:

const modal = document.querySelector('#my-modal');
const modalBtn = document.querySelector('#modal-btn');
const closeBtn = document.querySelector('.close2');

// Events
modalBtn.addEventListener('click', openModal);
closeBtn.addEventListener('click', closeModal);
window.addEventListener('click', outsideClick);

// Open
function openModal() {
  modal.style.display = 'block';
}

// Close
function closeModal() {
  modal.style.display = 'none';
}

// Close If Outside Click
function outsideClick(e) {
  if (e.target == modal) {
    modal.style.display = 'none';
  }
}

Вот код кнопки:

<button id="modal-btn" class="bth-head">Получить консультацию</button>

И если я добавлю вторю такую кнопку на странице то она не работает, а самая первая работает как это исправить?

Answer 1

[Юра Комаров]

Убрать id и написать class и document.querySelectorAll('.modal-btn');

Comments

[Сергей]

Не помогло