TutorialKart
index.html
►
Run
Reset
<!DOCTYPE html> <html> <body> <h2>Basic Dialog Example</h2> <button id="openDialog">Open Dialog</button> <dialog id="myDialog"> <p>This is a simple dialog box.</p> <button id="closeDialog">Close</button> </dialog> <script> const dialog = document.getElementById('myDialog'); const openButton = document.getElementById('openDialog'); const closeButton = document.getElementById('closeDialog'); openButton.addEventListener('click', () => dialog.showModal()); closeButton.addEventListener('click', () => dialog.close()); </script> </body> </html>
