<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();
});
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.