Javascript 导航开关不会显示

当我试图在控制台的响应视图中单击切换图标时，该代码不会显示任何问题，它会显示：

NAVTOGLERBTN为空

我试着看了看，但找不到问题所在。我是JavaScript新手。非常感谢这是我在JSFIDLE中的代码

---

你的CSS代码是错误的。它是

.nav-toggler.open

而不是

.nav-toggler.open

。并应用一些过渡以获得平滑效果

.aside菜单.nav切换器{
显示器：flex；
左：30px；
过渡：0.5s；
}
.旁白菜单{
左：-270px；
过渡：0.5s；
}
.侧边菜单.导航开关打开{
左：300px；
}
.打开菜单{
左：0px；
}

虽然你是对的，但这并不能解决OP的JavaScript错误问题

navTogglerBtn为null

谢谢你的回答，但正如Gnanavel所说，navTogglerBtn仍然为null，我没有得到任何null值。我认为问题是，您在头标记中的html代码之前加载了脚本。请在编写完所有html代码后再尝试放入JS代码。

const navTogglerBtn = document.querySelector(".nav-toggler"),
      aside = document.querySelector(".aside-menu");

navTogglerBtn.addEventListener("click",() => {
    asideSectionTogglerBtn();
})

function asideSectionTogglerBtn() {
    aside.classList.toggle("open");
    navTogglerBtn.classList.toggle("open");
 }