Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Заголовок документа</title> <style> dialog { width: 40%; } </style> </head> <body> <div> <dialog id="DialogExample"> <p> Пример текста. </p> <button id="hide">Закрыть диалоговое окно</button> </dialog> <button id="show">Показать диалоговый текст</button> </div> <script type="text/JavaScript"> (function() { var dialog = document.getElementById('DialogExample'); document.getElementById('show').onclick = function() { dialog.show(); }; document.getElementById('hide').onclick = function() { dialog.close(); }; })(); </script> </body> </html>