Paste Search Dynamic
Recent pastes
Desktop Push Notification
  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <title>Notify the user</title>
  6.   </head>
  7.   <body>
  8.     <a href="#" onclick="notifyUser()">Notify The User</a>
  9.  
  10.     <script>
  11.       console.log(Notification.permission);
  12.  
  13.       function requestPermission(){
  14.         if(Notification.permission !== 'granted')
  15.           Notification.requestPermission();
  16.           return;
  17.       }
  18.  
  19.       // document.addEventListener('DOMContentLoaded', function(){
  20.       //   if(Notification.permission !== 'granted')
  21.       //     requestPermission();
  22.       // })
  23.  
  24.       function notifyUser(){
  25.         if (!Notification){
  26.           console.log("Ooops, this browser doesn't support notifications");
  27.           return;
  28.         }
  29.  
  30.         if(Notification.permission === 'granted'){
  31.             var notif = new Notification ('Time to click', {
  32.               icon: 'https://cdn2.iconfinder.com/data/icons/plump-by-zerode_/256/Mail-icon.png',
  33.               body: 'Ok click the button to act!! <a href="">Test</a>'
  34.             })
  35.  
  36.             notif.onclick = function(){
  37.               window.open("https://www.youtube.com/user/FunTechGuys")
  38.             }
  39.         } else {
  40.           requestPermission();
  41.         }
  42.  
  43.       }
  44.     </script>
  45.   </body>
  46. </html>
Parsed in 0.056 seconds