Skip to content

NodEm9/notification-icon-part-1

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

44 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Notification-icon-part-1

An example of Vanilla JS Toast

  • This code create a notification icon.

Set Attribute

This function iconAttrProperty() sets the tooltip Atrribute, a default notification message which will only display when icon attribute is/sets to null or undefined in the getNot() function. It is then use in getNot() function to replace the undefined notification message.

Screenshot-2

getNot()

This function calls both the iconAtrrProperty() and msgArrays. Both objects takes the function's parameter as its argument, substitutes incoming notification message created by the Notication class as well as the iconAtrrProperty() function.

Screenshot-1

myMethod

The myMethod() function holds the hard coded notification messgae that is being pushed to msgArrays and makes it available in getNot() function that fires as notifiction icon is click. With this we can demonstrate a test of how the notification icon will work in the end. Its setting getNot() as a parameter value which has also a parameter value of its own the hard coded message array msgArrays.createNot

Screenshot-3

About

Notification System Concept Vanilla JavaScript

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published