<html>
//to wymaga https-a czyli certyfikatow ssl
<head>
<script>
function spawnNotification() {
    if (!window.Notification || Notification.permission === 'denied') {
        return;
    }
 
    if (Notification.permission === 'granted') {
        this.showNotification();
    }
 
    Notification.requestPermission(this.spawnNotification);
}
 
function showNotification() {
    const notification = new Notification('Masz nową wiadomość!');
}


function notifyMe() {
  // Let's check if the browser supports notifications
  if (!("Notification" in window)) {
    alert("This browser does not support desktop notification");
  }

  // Let's check whether notification permissions have already been granted
  else if (Notification.permission === "granted") {
    // If it's okay let's create a notification
    var notification = new Notification("Hi there!");
  }

  // Otherwise, we need to ask the user for permission
  else if (Notification.permission !== "denied") {
    Notification.requestPermission(function (permission) {
      // If the user accepts, let's create a notification
      if (permission === "granted") {
        var notification = new Notification("Hi there!");
      }
    });
  }

  // At last, if the user has denied notifications, and you 
  // want to be respectful there is no need to bother them any more.
}

Notification.requestPermission().then(function(result) {
  console.log(result);
});


</script>

</head>
<body onload="spawnNotification()">
<button onclick="notifyMe()">Notify me!</button>
</body>
</html>
