[질답/버그/제안] 탭메뉴에 각 다른 위젯을 넣었는데 출력이 안됩니다..

function openTab(evt, tabName) {

  var i, tabcontent, tablinks;

  tabcontent = document.getElementsByClassName("tabcontent");

  for (i = 0; i < tabcontent.length; i++) {

    tabcontent[i].style.display = "none";

  }

  tablinks = document.getElementsByClassName("tablinks");

  for (i = 0; i < tablinks.length; i++) {

    tablinks[i].className = tablinks[i].className.replace(" active", "");

  }

  document.getElementById(tabName).style.display = "block";

  evt.currentTarget.className += " active";

}

document.addEventListener("DOMContentLoaded", function() {

  document.querySelector(".tablinks").click();

});

스크립트는 gpt가 만들어줬습니다.

각 탭마다 다른 위젯을 넣어주고 이름도 바꿔줬는데 첫번째 탭 위젯만 출력되고 나머지 위젯은 존재는 하지만 게시글이 안 나옵니다.

혹시 이유를 아실까요 검색해도 안나오네요..