如何使用模式窗口在同一页面中传递JavaScript变量值

<button id="openModalBtn">打开模式窗口</button>

document.getElementById("openModalBtn").addEventListener("click", function() {
  // 打开模式窗口的逻辑
});

document.getElementById("openModalBtn").addEventListener("click", function() {
  // 创建模式窗口元素
  var modal = document.createElement("div");
  modal.classList.add("modal");

  // 设置模式窗口的样式和内容
  modal.innerHTML = `
    <h2>模式窗口标题</h2>
    <p>传递的变量值：${variable}</p>
    <button id="closeModalBtn">关闭模式窗口</button>
  `;

  // 将模式窗口添加到页面中
  document.body.appendChild(modal);

  // 关闭模式窗口的逻辑
  document.getElementById("closeModalBtn").addEventListener("click", function() {
    modal.remove();
  });
});