HTML dialog Tag

PHOTO EMBED

Tue Feb 08 2022 09:17:19 GMT+0000 (UTC)

Saved by @Arjun007 #html #css #javasc #java #php #sass

<!DOCTYPE>
<html>  
<body>  
 
<dialog> <p>This is an HTML dialog popup</p> <button id="close">Close Dialog</button>
  </dialog> 
  <button id="show">Show Me the Dialog</button> 

  <script>  
    
    var dialog = document.querySelector('dialog'); 
    document.querySelector('#show').onclick = function() { 
      dialog.show(); }; document.querySelector('#close').onclick = 
        function() { dialog.close(); }; 
  </script>
  

</body>
</html>  
content_copyCOPY

https://elementtutorials.com/ref/dialog.html