如何使用type脚本函数通过[上一步]、[下一步]按钮更改选定的选项卡

<div id="tab-container">
  <button id="tab1">选项卡1</button>
  <button id="tab2">选项卡2</button>
  <button id="tab3">选项卡3</button>
</div>

let currentTab = 0;

function switchTab(direction: string) {
  const tabContainer = document.getElementById("tab-container");
  const tabs = tabContainer.getElementsByTagName("button");

  if (direction === "prev" && currentTab > 0) {
    currentTab--;
  } else if (direction === "next" && currentTab < tabs.length - 1) {
    currentTab++;
  }

  for (let i = 0; i < tabs.length; i++) {
    if (i === currentTab) {
      tabs[i].classList.add("active");
    } else {
      tabs[i].classList.remove("active");
    }
  }
}

const prevButton = document.getElementById("prev-button");
const nextButton = document.getElementById("next-button");

prevButton.addEventListener("click", () => switchTab("prev"));
nextButton.addEventListener("click", () => switchTab("next"));

button.active {
  background-color: #ccc;
}