<button id="open-dialog">ダイアログを開く</button>
<dialog closedby="any">
  <p>ダイアログの内容</p>
</dialog>
  const openButton = document.getElementById("open-dialog");
  const dialog = document.querySelector("dialog");

  openButton.addEventListener("click", () => {
    dialog.show();
  });

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.