<dialog>
  <p>Olá, mundo!</p>
  <form method="dialog">
    <button>Fechar</button>
  </form>
</dialog>

<button id="open">Abrir modal</button>

const dialog = document.querySelector('dialog')
const button = document.querySelector('#open')

button.addEventListener('click', () => {
  dialog.show()
})