Показать сообщение отдельно
  #1 (permalink)  
Старый 02.12.2020, 06:37
Новичок на форуме
Отправить личное сообщение для Garrus Посмотреть профиль Найти все сообщения от Garrus
 
Регистрация: 02.12.2020
Сообщений: 2

Код полностью работает в консоли браузера,без нее только часть скрипта срабатывает
Скрипт должен открывать и закрывать модальное окно. Если загружать страницу в браузере, то работает только кнопка открытия, но через консоль все работает нормально.

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>

Подскажите пожалуйста почему кнопка закрытия работает только когда ввожу весь скрипт в консоль.
Ответить с цитированием