Как затемнить фон при показе окна?

Question

[AnnaShant]

var modal = document.getElementById("myModal");
var myBtn = document.getElementsByClassName("btn__modal-cost");
var close = document.getElementsByClassName("modal-cost__close")[0];

for (var i = 0; i < myBtn.length; i++) {
  myBtn[i].addEventListener("click", function() {
    openModalWindow();
  });
}

close.addEventListener("click", function() {
  closeModalWindow();
});

function openModalWindow() {
  modal.style.display = "block";
}

function closeModalWindow() {
  modal.style.display = "none";
}

Comments

[Модератор]

3.8. Использовать для демонстрации фрагментов кода только специальный тег < code> или специальные демонстрационные ресурсы (например, JsFiddle - https://jsfiddle.net/).

Answer 1

[Stalker_RED]

Можно создать фоновый блок со стилями типа

position: fixed;
top: 0; bottom: 0; left: 0; right: 0;
opacity: 0.5;
background-color: black;

И показывать его одновременно с модалкой.

// вот это
close.addEventListener("click", function() {
  closeModalWindow();
});

// можно заменить на 
close.addEventListener('click', closeModalWindow)