@Happymalina

Как разобраться с ошибкой addEventListener?

Ребят, помогите пожалуйста разобраться с ошибкой , изучаю сама Javascript, поэтому могу чего-то пока не знать. Задание простое, нужно сделать чтобы по клику кнопки, появлялась форма. В консоли если выводить код - принимает, подсвечивает голубым, но форма не появляется, после этого нажимаю на кнопку, только тогда форма появляется. После обновления страницы и нажатия на кнопку "Напишите нам", форма опять не появляется, а в консоли ошибка "
Uncaught TypeError: Cannot read property 'addEventListener' of null.
Вот код скрипта:

var link = document.querySelector('.btn-map');
var popup = document.querySelector('.popup-form-order');

link.addEventListener("click", function(event) {
    popup.classList.add('form-popup-show');
    }, false);


код элемента:
<div class="map-contacts">
          <div class="map-title"><span>NЁRDS</span> Design Studio</div>
         <div class="map-address">350000, Краснодар, ул.Головатого, 100</div>
         <div class="map-phone">тел. <a href="tel:+78612757575">+7 (861) 275-75-75</a></div>
         <a href="#" class="btn-map" >Напишите нам</a>
</div>
  • Вопрос задан
  • 2953 просмотра
Пригласить эксперта
Ответы на вопрос 1
mlnkv
@mlnkv
JavaScript Developer
На момент отработки js элемента '.btn-map' еще нет.
Подключайте скрипты в конце тега body
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
17 апр. 2024, в 00:48
35000 руб./за проект
17 апр. 2024, в 00:13
800 руб./за проект
17 апр. 2024, в 00:06
240000 руб./за проект