Capítulo 2

Elemento dialog

JavaScript

<script>
	var janela = document.querySelector('dialog');
	document.querySelector('#abrir').onclick = function() {
		janela.show();
	};
	document.querySelector('#fechar').onclick = function() {
		janela.close();
	};
</script>

HTML

<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>
		

---

Janela Modal

Conteúdo da janela modal

X

Abrir janela modal