TAG
JavaScript
Result
Run
License
<button type="button" id="btn-open">Open Dialog</button> <dialog id="dialog"> <h3>Dialog</h3> <p> It is better to fail in originality than to succeed in imitation. </p> <button type="button">Close</button> </dialog>
window.addEventListener("DOMContentLoaded", () => { const elDialog = document.getElementById("dialog"); const elBtn = document.getElementById("btn-open"); elBtn.addEventListener("click", () => elDialog.showModal()); elDialog.querySelector("button") .addEventListener("click", e => e.currentTarget.parentElement.close()); });
Console
expand_less
License
License
by DevDic
Close