HTML DIALOG TAG

Run
<!DOCTYPE html>
    <head>
        <title>HTML dialog tag</title>
    </head>
    <body>  
        <dialog id="myFirstDialog">  
            <p>
                The power of subconcious mind is unlimited. 
            </p>  
            <button id="hide">Close Box</button>  
        </dialog>  
        
        <p><button id="show">Show Mystery Quote</button></p>

        <script type="text/JavaScript">  
            var dialog = document.getElementById('myFirstDialog');    
            document.getElementById('show').onclick = function() {    
                dialog.show();    
            };    
            document.getElementById('hide').onclick = function() {    
                dialog.close();    
            };    
        </script>  
    </body>
</html>