如何将参数从一个选项卡传递到另一个选项卡，并使用按钮更改选项卡？

<!-- HTML结构 -->
<div class="tab">
  <button onclick="changeTab()">切换选项卡</button>
</div>

<div id="tab1" class="tab-content">
  <h2>选项卡1</h2>
  <input type="text" id="paramInput" placeholder="输入参数">
</div>

<div id="tab2" class="tab-content">
  <h2>选项卡2</h2>
  <p id="paramOutput"></p>
</div>

<!-- JavaScript代码 -->
<script>
function changeTab() {
  // 获取参数值
  var param = document.getElementById("paramInput").value;

  // 设置参数值到第二个选项卡
  document.getElementById("paramOutput").textContent = param;

  // 切换到第二个选项卡
  document.getElementById("tab2").style.display = "block";
  document.getElementById("tab1").style.display = "none";
}
</script>