如何将变量从单击的元素传递到DialogBox

// 单击事件处理程序
function handleClick(event) {
  // 获取需要传递的变量的值
  const variable = event.target.getAttribute('data-variable');

  // 创建DialogBox组件实例
  const dialogBox = new DialogBox();

  // 将变量值传递给DialogBox组件的属性
  dialogBox.variable = variable;

  // 显示DialogBox组件
  dialogBox.show();
}

// DialogBox组件
class DialogBox {
  constructor() {
    this.variable = null; // 定义接收变量值的属性
  }

  show() {
    // 在DialogBox组件中使用传递的变量值进行相关操作或显示
    console.log(`传递的变量值为：${this.variable}`);
    // 其他操作...
  }
}

// 在单击的元素上添加事件监听器
const element = document.getElementById('clickable-element');
element.addEventListener('click', handleClick);