Почему не срабатывает getElementById? Не вижу ошибки. Название скрипта managing_a_folder.js он в конце html. alert выводит null что бы я не менял. querySelector тоже не работает.
<head>
<title>Новый сайт</title>
<meta charset = "utf-8">
<script src="new_site_js/catalog_data.js"></script>
<link rel='stylesheet' href="new_site_css/main_css.css">
</head>
<body>
<div id="wrapperHeader">
<header>
<h1>Новый сайт</h1>
</header>
</div>
<div id="wrapperMenu">
<div class="wrapper">
<form action="new_site_js/managing_a_folder.js" name="filter">
<input type='button' value="фильтры" name="openFilter" class="menu">
<ul type='none'>
<li><input type='checkbox' name="all">всё</li>
<li><input type='checkbox' name="templates">шаблоны</li>
<li><input type='submit' value="применить"></li>
</ul>
</form>
<input type='button' value="навигация" id="navigation" class="menu">
</div>
</div>
<div id="wrapperContent">
<div class="content">
</div>
</div>
<script src="new_site_js/managing_a_folder.js"></script>
</body>
"use strict"
var openFilter = document.getElementById('openFilter');
alert(openFilter);
var open = (elem, clss) => elem.classList.add(clss),
close = (elem, clss) => elem.classList.remove(clss);
function toggle(elem, clss){
if(elem.classList.contains(clss)){
close(elem, clss);
}else{
open(elem,clss);
}
}
openFilter.onclick = function(e){
toggle(this, "open");
return false;
}