Что не так в данном коде? Как правильно?

Question

[Егор Дворянский]

let accounts = document.querySelector('#accounts');
accounts.addEventListener("click", workAccounts , false)
function workAccounts() {
    let licenzia = document.querySelector('#licenzia')
    licenzia.style.display = 'none'
    let accountsblock = document.querySelector('#accountsblock')
    accountsblock.style.display = 'grid'
}

При загрузке на сайт пишет "TypeError : accounts is null"

Answer 1

[Alex]

Значит в момент выполнения

let accounts = document.querySelector('#accounts');

на странице нет элемента #accounts

Comments

[Егор Дворянский]

но у меня он есть < a id="accounts">...< /a>

[Alex]

Егор Дворянский, Если бы вы прочитали правила сайта и закинули код в песочницу, я, или кто-то другой, сразу сказал в чем ошибка. А так, я просто угадаю: ваш скрипт выполняется до того, как браузер загрузит эту ссылку. И как я и написал

в момент выполнения

let accounts = document.querySelector('#accounts');

на странице нет элемента #accounts

[Егор Дворянский]

Alex,

[Alex]

Егор Дворянский, И тут нет описанной вами ошибки.

[Сергей delphinpro]

Егор Дворянский, подключайте скрипты перед закрывающим body и не будет подобных проблем.