CodePen Embed - ExgaEJe

<dialog id="dialog">
  <form method="dialog">
    <p>Hey!</p>
    <menu>
      <button value="cancel">Cancel</button>
      <button value="default">Confirm</button>
    </menu>
  </form>
</dialog>

<button id="button">ダイアログを開く</button>

const dialog = document.getElementById('dialog')
const button = document.getElementById('button')

button.addEventListener('click', () => dialog.showModal())

This Pen is owned by azukiazusa1 on CodePen.

See more by @azukiazusa1 on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.