Код IT
← Каталог

Основы JavaScript — Модальное окно

Фрагмент из «Основы JavaScript»: Модальное окно.

javascript javascriptencyclopedia1 embed URL статья в энциклопедии
JavaScript main.js 
const modal = document.getElementById('myModal');
// ...

openModalBtn.addEventListener('click', () => {
  modal.style.display = 'block';
});

closeModalBtn.addEventListener('click', () => {
  modal.style.display = 'none';
});

window.addEventListener('click', (event) => {
  if (event.target === modal) {
    modal.style.display = 'none';
  }
});
const modal = document.getElementById('myModal');
// ...

openModalBtn.addEventListener('click', () => {
  modal.style.display = 'block';
});

closeModalBtn.addEventListener('click', () => {
  modal.style.display = 'none';
});

window.addEventListener('click', (event) => {
  if (event.target === modal) {
    modal.style.display = 'none';
  }
});