我的 javascript 不工作，但我的驗證器說我的代碼很好，沒有語法錯誤我該怎么辦？

Question

我正在按照教程制作一個響應式網站，它運行良好，直到我到達 Javascript 我已經按照教程進行操作，但我的代碼仍然無法正常工作很好，沒有語法錯誤這是我正在關注的教程：教程

這是我的代碼：

 var menuBtn = document.getElementById(menuBtn); var sideNav = document.getElementById(sideNav); var menuImg = document.getElementById(menuImg); menuBtn.onclick = function(){ if(sideNav.style.right == "-250px"){ sideNav.style.right = "0"; } else{ sideNav.style.right = "-250px"; } };

Answer 1

您似乎缺少 document.getElementById(menuBtn); 中的引號。 應該是：

document.getElementById("menuBtn");

或類似的？

Answer 2

當您通過 id 獲取元素時，id 值應為字符串（或具有字符串值的變量）。 您的代碼錯過了字符串引號：

document.getElementById("menuBtn");

另一件事，您可以在腳本 HTML 標記中添加defer屬性，以在 javascript 之前加載 HTML 內容：

<script src="index.js" defer></script>