Why should you care?

Chat apps and reminders alert users without staring at the tab.

See it live — copy this example

Paste into an HTML file or the browser console (F12). Use Run below when the live editor is available.

async function notify() {
  if (!("Notification" in window)) return;
  const perm = await Notification.requestPermission();
  if (perm === "granted") {
    new Notification("Hello", { body: "You subscribed!" });
  }
}

Run Example »

Edit the code below and click Run to see the result in Toolliyo’s live editor.

What happened?

• requestPermission must follow a user gesture (click).
• Denied permission cannot be re-prompted easily.

Practice next

1. Wire notify() to a button click.
2. Handle denied and default permission states.
3. Log Notification.permission.
4. Add icon and tag options to avoid duplicate notification stacks.
5. Close notification automatically with setTimeout after 5s.

Remember

Request permission on click new Notification(title, options) Respect user choice

ScriptVerse payment alert

After user opts in, browser notification fires when a large transfer completes.

Outcome: Notifications re-engage users even when ScriptVerse tab is in background.