Uncaught TypeError: closeBtn is nullがコンソールエラーがででるのですが 特にタイプミスなどしてない気がしてて、一応動くのですがエラーですので解消したいです。

Question

Uncaught TypeError: closeBtn is nullがコンソールエラーがででるのですが
特にタイプミスなどしてない気がしてて、一応動くのですがエラーですので解消したいです。
レクチャーいただhttps://teratail.com/questions/input#ければ幸いです。

let sidebar = document.querySelector(".p-sidebar");
let closeBtn = document.querySelector(".c-sidebar-button");
let search = document.querySelector(".p-sidebar-body");
let col = document.querySelector(".col-3");
let col_sc = document.querySelector(".col-9");

closeBtn.addEventListener("click", ()=>{
  col.classList.toggle("col-1");
  col.classList.toggle("col-3");
});

closeBtn.addEventListener("click", ()=>{
  col_sc.classList.toggle("col-11");
  col_sc.classList.toggle("col-9");
});



closeBtn.addEventListener("click", ()=>{
  sidebar.classList.toggle("js-side--close");
});

closeBtn.addEventListener("click", ()=>{ 
    search.classList.toggle("js-search--close");
  });

Answer 1

単純に、document.querySelector(".c-sidebar-button")が空振りになっているだけではないでしょうか？