如何实现ConfirmDialog

<div id="confirmDialog" style="display: none;">
  <h2>确认操作</h2>
  <p>确定要执行该操作吗？</p>
  <button id="confirmButton">确认</button>
  <button id="cancelButton">取消</button>
</div>

document.getElementById("myButton").addEventListener("click", function() {
  showConfirmDialog();
});

function showConfirmDialog() {
  document.getElementById("confirmDialog").style.display = "block";
}

document.getElementById("confirmButton").addEventListener("click", function() {
  // 用户点击了确认按钮，执行相应操作
  executeOperation();
  hideConfirmDialog();
});

document.getElementById("cancelButton").addEventListener("click", function() {
  // 用户点击了取消按钮，取消操作
  hideConfirmDialog();
});

function executeOperation() {
  // 执行操作的代码
}

function hideConfirmDialog() {
  document.getElementById("confirmDialog").style.display = "none";
}