<script>
var janela = document.querySelector('dialog');
document.querySelector('#abrir').onclick = function() {
janela.show();
};
document.querySelector('#fechar').onclick = function() {
janela.close();
};
</script>
<dialog> <h3>Janela Modal</h3> <p>Conteúdo da janela modal</p> <button id="fechar">X</button> </dialog> <button id="abrir">Abrir janela modal</button>