addEventListener->字体很棒

Question

:) 所以我不知道如何将事件监听器添加到图标。 我在HTML中有类似的东西

   <li><button><i class="fas fa-moon"></i></button></li>

aaa和JS中的类似内容

   var nightMode = document.querySelector("button");

nightMode.addEventListener("click", function(){
console.log("it's working");

}）；

但是它不起作用。 未捕获的TypeError：无法读取null的属性'addEventListener' 有人可以解释我该怎么做，为什么吗？ 我还添加了css cursor：指针;对于该按钮：|