Код полностью работает в консоли браузера,без нее только часть скрипта срабатывает
Скрипт должен открывать и закрывать модальное окно. Если загружать страницу в браузере, то работает только кнопка открытия, но через консоль все работает нормально.
var open = document.querySelector('.write-us');
var modal = document.querySelector('.modal');
var close = modal.querySelector('.modal_close');
open.addEventListener("click", function (evt) {
evt.preventDefault();
modal.classList.remove("visually-hidden");
});
close.addEventListener("click", function (evt) {
evt.preventDefault();
modal.classList.add("visually-hidden");
});
//html//
<article class="modal visually-hidden">
<form action="..." method="...">
...
</form>
<button type="button" class="modal_close"></button>
</article>
.....
<script src="js/modal.js"></script>
</body>
Подскажите пожалуйста почему кнопка закрытия работает только когда ввожу весь скрипт в консоль.
|