e5ba6c5406
* docs: Adds Desktop notifications Fiddle example * Update index.html Removed the classes
29 lines
862 B
JavaScript
29 lines
862 B
JavaScript
const basicNotification = {
|
|
title: 'Basic Notification',
|
|
body: 'Short message part'
|
|
}
|
|
|
|
const notification = {
|
|
title: 'Notification with image',
|
|
body: 'Short message plus a custom image',
|
|
icon: 'https://via.placeholder.com/150'
|
|
}
|
|
|
|
const basicNotificationButton = document.getElementById('basic-noti')
|
|
const notificationButton = document.getElementById('advanced-noti')
|
|
|
|
notificationButton.addEventListener('click', () => {
|
|
const myNotification = new window.Notification(notification.title, notification)
|
|
|
|
myNotification.onclick = () => {
|
|
console.log('Notification clicked')
|
|
}
|
|
})
|
|
|
|
basicNotificationButton.addEventListener('click', () => {
|
|
const myNotification = new window.Notification(basicNotification.title, basicNotification)
|
|
|
|
myNotification.onclick = () => {
|
|
console.log('Notification clicked')
|
|
}
|
|
})
|