<button id="open-btn">Open Dialog</button>

<dialog id="example-dialog">
	<p>This dialog is controlled via JavaScript.</p>
	<button id="close-btn">Close</button>
</dialog>

const dialog = document.getElementById("example-dialog");
const openBtn = document.getElementById("open-btn");
const closeBtn = document.getElementById("close-btn");

openBtn.addEventListener("click", () => dialog.showModal());
closeBtn.addEventListener("click", () => dialog.close());