Semen's questions

祝大家一切顺利。我警告你我有点JS像一棵树:)问题：有一个很棒的脚本可以打开一个模态窗口并使用十字并单击空白处来关闭它。

我在网上找到了这个脚本。

您需要在一个页面上使用三个不同的按钮打开三个不同的窗口（它不能同时工作，因为样式不允许:)）

由于我缺乏脚本知识，我只是使用不同的样式和变量名称复制了代码，但没有任何效果，或者更确切地说，打开有效，但窗口没有关闭，先是一个，然后是另一个。只有一个按钮可以关闭它，如果你单击模式窗口外部，则什么都不会关闭。

我请求帮助在一页上实现多个窗口。提前致谢。

var modal = document.getElementById("myModal");
var btn = document.getElementById("myBtn");
var span = document.getElementsByClassName("close")[0];

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

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

window.onclick = function(event) {
  if (event.target == modal) {
 modal.style.display = "none";}
}

窗口本身如下：

<div id="myBtn">Кнопка открытия</div>
<div id="myModal" class="modal">
    <div class="close">Закрыть</div>

</div>

风格：

    .modal{
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.6);
    }