Javascript Popups

Most Basic Popup

A fast way to make an alert, is by using the Javascript's "alert" function:

This is a fast forward way to notify your users and this system is still used today on some websites. Some find it annoying, because you have to click the "OK" button in order it to go away.

Custom Popup

Its possible to make your own popup with the mix of HTML, CSS and Javascript:

This popup acts just like the previous Javascript's built-in "alert" function - appears and you have to click "OK".

Toast Notification

An alert that disappears by itself after some time is known as "Toast Notification". Its largely used in websites nowadays, especially new ones:

This way your site's users don't have to click "OK" or something similar in order to make the popup disappear. In Javascript, the "setTimeout()" function is used to implement a cooldown on elements.