JSFiddle - React, Tailwind, and code Playground

by Narayan Prusty

HTML

<button onclick="trigger_notification();">Trigger Notification</button>

JavaScript

function trigger_notification()
			{
				//check if browser supports notification API
				if("Notification" in window)
				{
					if(Notification.permission == "granted")
					{
						var notification = new Notification("Notification Title", null);
					}
					else
					{
						Notification.requestPermission(function (permission) {
							console.log(Notification.permission);
						    if (permission === "granted" || permission === "default") 
						    {
						    	var notification = new Notification("Notification Title", null);
						    	console.log(Notification.permission);
						    }
					    });
					}
				}	
				else
				{
					alert("Your browser doesn't support notfication API");
				}		
			}