How to add Custom Notifications / Alerts using HTML, CSS & JavaScript

In this video, I will show you how you can easily create / design custom notification / alert message / toast using HTML, CSS & JavaScript.

[bendo]

i seek for chopper, i found gold, thank you great tutorial

[minh-dang]

I cleaned up your JS code a bit
function notify(type, message) {
let n =
const id =
n.setAttribute("id", id);
n.classList.add("notification", type);
n.innerText = message;


setTimeout(() => {
const toRemove = document.getElementById(id);
toRemove.remove()
}, 5000);
}

Also, you can remove line 19 in your CSS file as the font is already set at the top.

[drtarik]

thank you a lot its possible to add icon and click event to notification ?

[tabitasimorangkir]

how to implement this for contact form?