當我按下標題為& quot布蘭庫西& quot我得到一個& quot未捕獲的范圍錯誤:超出了最大調用堆棧大小錯誤，我的文本沒有出現。之后，在我按下任何其他標簽時，我都會得到同樣的錯誤，但是在第三次按下標簽時，它又恢復正常了。直到我按下& quot布蘭庫西& quot又來了。 我被告知使用JSFiddle，所以這里是:我在JSFiddle中的代碼。 我對網頁設計很陌生，所以請像嬰兒一樣給我解釋一切。

代碼如下:

JavaScript:

document.addEventListener('DOMContentLoaded', function () {
    let contactButton = document.querySelector('#contactButton');
    contactButton.addEventListener('click', function () {
      window.open("https://vladpaun1-congenial-goldfish-4xjp7gp49542jjp6-8080.preview.app.github.dev/personal/website_concurs/contact.html", "_blank");
    });

    var contentDiv = document.querySelector(".content");

    if (contentDiv) {
      var homeTab = document.getElementById("home-tab");
      var casaBrancusi = document.getElementById("casa_brancusi");
      var casaTopirceanu = document.getElementById("casa_topirceanu");
      var casaPann = document.getElementById("casa_pann");
      var brancusi = document.getElementById("brancusi");
      var topirceanu = document.getElementById("topirceanu");
      var pann = document.getElementById("pann");

      if (homeTab) {
        homeTab.addEventListener("click", function() {
          contentDiv.style.backgroundImage = "url('images/backgrounds/BACKGROUND1.jpg')";
        });
      }

      if (casaBrancusi) {
        casaBrancusi.addEventListener("click", function(event) {
          if (!event.handled) {
            event.handled = true;
            contentDiv.style.backgroundImage = "url('images/casa_brancusi/casa_brancusi.jpg')";
          }
        });
      }

      if (casaTopirceanu) {
        casaTopirceanu.addEventListener("click", function(event) {
          if (!event.handled) {
            event.handled = true;
            contentDiv.style.backgroundImage = "url('images/casa_toparceanu/casa.jpg')";
          }
        });
      }

      if (casaPann) {
        casaPann.addEventListener("click", function(event) {
          if (!event.handled) {
            event.handled = true;
            contentDiv.style.backgroundImage = "url('images/casa_pann/casa.jpg')";
          }
        });
      }

      if (brancusi) {
        brancusi.addEventListener("click", function(event) {
          if (!event.handled) {
            event.handled = true;
            contentDiv.style.backgroundImage = "url('images/backgrounds/BACKGROUND1.jpg')";
          }
        });
      }

      if (topirceanu) {
        topirceanu.addEventListener("click", function(event) {
          if (!event.handled) {
            event.handled = true;
            contentDiv.style.backgroundImage = "url('images/toparceanu/toparceanu1.jpg')";
          }
        });
      }

      if (pann) {
        pann.addEventListener("click", function(event) {
          if (!event.handled) {
            event.handled = true;
            contentDiv.style.backgroundImage = "url('images/pann/pann1.jpeg')";
          }
        });
      }
    }
  });

我試圖在我的js代碼中處理錯誤觸發器，但似乎不起作用

在我的HTML中，我發現了一個錯誤，對于一個屬性，我有相同的href和id，更改id似乎已經解決了這個問題