如何将一个按钮单击时生成的变量传递到另一个按钮单击的函数中？

// 第一个按钮点击事件
function button1Click() {
  // 生成变量
  var variable = "Hello World";
  // 将变量赋值给全局变量
  window.globalVariable = variable;
}

// 第二个按钮点击事件
function button2Click() {
  // 访问全局变量
  var variable = window.globalVariable;
  // 在这里可以使用变量
  console.log(variable);
}

// 创建闭包
var closure = (function() {
  // 私有变量
  var variable;

  // 第一个按钮点击事件
  function button1Click() {
    // 生成变量
    variable = "Hello World";
  }

  // 第二个按钮点击事件
  function button2Click() {
    // 在这里可以访问变量
    console.log(variable);
  }

  // 返回公共接口
  return {
    button1Click: button1Click,
    button2Click: button2Click
  };
})();

// 绑定按钮点击事件
document.getElementById("button1").addEventListener("click", closure.button1Click);
document.getElementById("button2").addEventListener("click", closure.button2Click);

// 创建自定义事件
var customEvent = new CustomEvent("variableEvent");

// 第一个按钮点击事件
function button1Click() {
  // 生成变量
  var variable = "Hello World";
  // 触发自定义事件，并传递变量作为参数
  document.dispatchEvent(new CustomEvent("variableEvent", { detail: variable }));
}

// 第二个按钮点击事件
function button2Click(event) {
  // 在这里可以访问变量
  var variable = event.detail;
  console.log(variable);
}

// 监听自定义事件
document.addEventListener("variableEvent", button2Click);

// 绑定按钮点击事件
document.getElementById("button1").addEventListener("click", button1Click);
document.getElementById("button2").addEventListener("click", button2Click);