Как сделать появление модального окна при входе на сайт?

Question

[AliOOO]

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";
  }
}

Comments

[Алексей Ярков]

Кто подскажет - прокляну ))

[AliOOO]

Алексей Ярков, пожалуйстаа я не мгу онять уже 2 дня

[Alams Stoyne]

Алексей Ярков, Это не подсказка ))) Готовое решение можно?

document.addEventListener("DOMContentLoaded", () => { alert("DOM готов!"); });

[Teleweb developer]

Устанавливаете изначально стиль для окна чтобы оно было скрыто:

#myModal {
  display: none;
}

var modal = document.getElementById("myModal");
modal.style.display = "block";

Вот пример так можно

[Falser]

Teleweb developer, поздно я увидел, что тут уже есть комментарии :)

Answer 1

[Falser]

Если я правильно понял, что надо отобразить модалку после загрузки сайта, то попробуй вот это

document.addEventListener('DOMContentLoaded', function() {
   // Отображаешь модалку
}, false);

Но это же можно реализовать посредством css, просто добавь в свои стили строку, которая уже изначально будет отображать модалку, возможно:
#myModal { display: block }