Почему не работает функция?

Question

[Леонид Добрый]

const videoBtn = document.querySelector('#video-btn');
const videoPicture = document.querySelector('.video__picture'); 

videoBtn.addEventListener('click', function () {
    videoPicture.classList.add('none');
});

Подскажите пожалуйста что не так, названия класса и id совпадают, если нужно дополнить информацию, напишите

Comments

[Михаил Р.]

Консоль что пишет?

[MrColdCoffee]

Всё работает

<div class="video__picture">123213</div>
<button id="video-btn">ТЫК</button>

const videoBtn = document.querySelector('#video-btn');
const videoPicture = document.querySelector('.video__picture'); 

videoBtn.addEventListener('click', function () {
    videoPicture.classList.add('none');
});

[Леонид Добрый]

MrColdCoffee, у меня все еще не работает, может что то не так с подключением js файла или подбные частые проблемы?

Answer 1

[Михаил Р.]

Скрипт выполняется до загрузки DOM?

Попробуйте так:

document.addEventListener('DOMContentLoaded', (event) => {
    const videoBtn = document.querySelector('#video-btn');
    const videoPicture = document.querySelector('.video__picture'); 

    videoBtn.addEventListener('click', function () {
        videoPicture.classList.add('none');
    });
});

Comments

[Леонид Добрый]

спасибо но не получилось, буду переделывать проект ((

[Михаил Р.]

Леонид Добрый, что пишет консоль? вероятно, скрипт не подключен