HTML таг dialog редактор на живо

<button id="openDialog" class="btn btn-primary">Отвори диалог</button> <dialog id="exampleDialog"> <form method="dialog"> <h2>Заглавие на диалога</h2> <p>Това е съдържание в <code><dialog></code> елемент.</p> <div class="mt-3"> <button value="cancel" class="btn btn-secondary">Затвори</button> <button value="confirm" class="btn btn-primary">Потвърди</button> </div> </form> </dialog> <script> const dialog = document.getElementById('exampleDialog'); const openBtn = document.getElementById('openDialog'); openBtn.addEventListener('click', () => dialog.showModal()); </script>