"There are three responses to a piece of design – yes, no, and WOW! Wow is the one to aim for.”
To know about SweetAlert JS, a prior knowledge of HTML should be good to go.
To make use of SweetAlert in your webpage, include the Script file either as a CDN Link or locally. Once its been included you can give any message you want within the function swal() and you'll get SweetAlerts from there on.
How does it affect the Look of the Page?
This is your beautified alert using SweetAlert JS.
Looks beautiful right?...
So what did SweetAlert JS do to make this change happen?
The swal() function takes 4 major parameters.
TITLE :- Defines the heading for the alert.
TEXT :- Defines the text that will be placed in the alert.
ICON :- The type of Graphic that will appear in the alert.
BUTTON:- The text the button in the alert will possess.
This can be defined either in Object form or passed as a string within the swal function itself.
The default icons available with swal() are 'Success'( A green tick),'Failure' (A red cross-mark), 'Warning' (A yellow Information icon) and so on.
For more information about this pocket framework visit their official page,
A big Thank You to Team ' The Tech Cache ' for the Opportunity.