Javascript function 發布到 Github 時未定義

Question

我創建了一個 function 應該使我的 div 在點擊時可見。 它在本地運行良好，但是當我在 Github 頁面上發布我的項目時，出現錯誤“未捕獲的ReferenceError：btnClick 未在 HTMLElement.onclick ((index):51) 處定義”。 這是腳本代碼：

document.getElementById('btn-share').onclick = function btnClick() {

  let comma = document.getElementById('comm-share');
  let tri = document.getElementById('trio');

  if (comma.style.visibility === "hidden") {

    comma.style.visibility = 'visible';
    tri.style.visibility = 'visible';
  }
  else {
    comma.style.visibility = 'hidden';
    tri.style.visibility = 'hidden';
  }
};

圖片： HTML

Answer 1

您正在做的是分配 .onclick ，同時制作另一個名為btnClick()的 function 。 有幾種方法可以修復您的代碼：

 document.getElementById('btn-share').onclick = function () { let comma = document.getElementById('comm-share'); let tri = document.getElementById('trio'); if (comma.style.visibility === "hidden") { comma.style.visibility = 'visible'; tri.style.visibility = 'visible'; } else { comma.style.visibility = 'hidden'; tri.style.visibility = 'hidden'; } };

這不會產生任何btnClick() ，而只是將 function 分配給onclick 。 如果您想在需要時調用btnClick() ，這將是最佳選擇（好吧，您可以使用 element.onclick）。

 function btnClick() { let comma = document.getElementById('comm-share'); let tri = document.getElementById('trio'); if (comma.style.visibility === "hidden") { comma.style.visibility = 'visible'; tri.style.visibility = 'visible'; } else { comma.style.visibility = 'hidden'; tri.style.visibility = 'hidden'; } }; document.getElementById('btn-share').onclick = btnClick;

上面將其分配給 function。

 document.getElementById('btn-share').addEventListener("click", function() { let comma = document.getElementById('comm-share'); let tri = document.getElementById('trio'); if (comma.style.visibility === "hidden") { comma.style.visibility = 'visible'; tri.style.visibility = 'visible'; } else { comma.style.visibility = 'hidden'; tri.style.visibility = 'hidden'; } });

最后一個使用 .addEventListener .addEventListener() function 將 function 分配給onclick 。

你想用什么是你的選擇。