我在我的小項目 Calculator 上執行 JavaScript 實現時遇到了一些錯誤。 伙計們，你能幫幫我嗎？

Question

這是錯誤信息

Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')

這是代碼

let equal = document.querySelector(".btn-equal");
equal.addEventListener("click", function (e) {
  if (screen.value === "") {
    screen.value = "";
  } else {
    let answer = eval(screen.value);
    screen.value = answer;
  }
});

順便說一句，我是編碼的初學者我希望我能讓它工作謝謝

Answer 1

該錯誤是由document.querySelector('.btn-equal');引起的找不到任何元素，這意味着equal為 null，因此equal.addEventListener()正在對不存在的對象調用方法。

很可能您是在文檔加載完成之前調用document.querySelector() ，或者您要選擇的元素未被正確識別。 要調試此問題，您可以運行console.log(document.querySelector('.some-other-element'))並查看您是否能夠獲取頁面的任何部分。