У меня есть файл functions.php, который содержит функцию, которая корректно передает файл js на мой веб-сайт, но когда я пытаюсь использовать querySelector ('любое имя селектора'), тогда эта функция возвращает ноль
Я пытаюсь использовать querySelector ("html"), а затем я получаю весь свой HTML-код, но в любых других случаях я получаю значение null
файл footer.php
<?php wp_footer(); ?>
</body>
</html>
файл functions.php
<?php
function university_files() {
wp_enqueue_style('custom-google-fonts', '//fonts.googleapis.com/css?family=Lato:100,300,400,700');
wp_enqueue_style('custom-google-fonts', '//fonts.googleapis.com/css?family=Merriweather:300,400,700');
wp_enqueue_style('university_main_styles', get_stylesheet_uri());
}
add_action('wp_enqueue_scripts', 'university_files');
function remove_admin_login_header() {
remove_action('wp_head', '_admin_bar_bump_cb');
}
add_action('get_header', 'remove_admin_login_header');
?>
header.php
<!DOCTYPE html>
<html lang="pl">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<?php wp_head(); ?>
</head>
<body>
<button class="hamburger"></button>
<header>
<nav>
<ul class="nav">
<li class="navel"> <a href="/">o firmie</a> </li>
<li class="navel"> <a href="/oferta">oferta</a> </li>
<li class="navel"> <a href="/galeria">galeria</a> </li>
<li class="navel"> <a href="/kontakt">kontakt</a> </li>
</ul>
</nav>
</header>
script.js
const header = document.querySelector('header');
const menu = document.querySelector('.hamburger');
menu.addEventListener("click", ()=>{
menu.classList.toggle("active");
header.classList.toggle("active");
});