How To Make Toast Notification or Snack Bar For Website Using HTML CSS JavaScript

[@Rajeshmaurya-tz9ez]

14:15 write long code for tag instead we can also use style attribute within the tag like this ----

[@GreatStackDev]

thanks rajesh, this comment will help viewers

[@affangamer07]

BRO TRUST ME ! YOUR VIDEO IS SO HELP FULL

[@GreatStackDev]

Glad you think so!

[@bryantony9836]

@@GreatStackDev We all do,
I share them with my younger brother.

[@simplificandoproduto]

Man, great work and really simple explanation. This video is very helpfull

[@GreatStackDev]

Glad to hear it! Thank you so much.

[@Forntenddeveloper]

Bro Next Video { Typing Speed test Website

[@Matthew-1611]

Thank you!

[@petermwansa4890]

Awesome and creative!!! Thank you

[@Alaaja_aj]

this is so nice bro ur videos helping pple who want to build by their own project like this here where i can get alot of concept using diffrent methods to solve problem thanks man

[@HelenEbose-j3c]

😮 great work

[@vickyagrawal3295]

Great sir.. u give us quality skills.. plz make video on angular..

[@GreatStackDev]

please check this one: th-cam.com/video/zS-gR3kh-p0/w-d-xo.html

[@TechSecureU]

Sir which apps you use in your pc.??

[@GreatStackDev]

VS code

[@mdms4549]

Very Good Thanks

[@GreatStackDev]

Thanks to you

[@unclemuhsinmathclass]

More power Sir

[@GreatStackDev]

Thank you

[@Applecitylightkiwi]

great tut

[@aurobindobhuyan2107]

Awesome video, can you suggest how can we limit the messages to 5 messages to appear at a time?

[@technicalkunal7225]

You can set a counter variable globally and create a condition in showToast() function if counter>5 buttons got disabled

[@adeeltariq8635]

sir can you make the vedio on crud operation

[@devi9058]

Best tutorial

[@minhajUhassan]

sir, if can provide ta source code it too much helpful

[@Ghulammustafa-wg6cy]

hello, sir thanks for this video. sir create a pong game using javascript Thank you

[@GreatStackDev]

Thanks i will consider that

[@tiagoborges5108]

I like it but a have a doubt is it possible to do the same but with web push notifications and if it is how?

[@malavipande4642]

Inaddition to that Instead of defining the color of the icons separately using individual class names fontawesome itself letting the user to chose the color of the icons with styling option.

[@nsixfkssdbb]

Nice Video 📸

[@GreatStackDev]

Thank you! 😊

[@alisher-w1t]

sir in font awesome i have no kite option so what should i do?

[@uidairasra]

sir godday se domain aur hosting purchase karne ke bad mujhe apne website me kaam karne ke liye pura control milega na hosting ka

[@GreatStackDev]

yes web hosting ke cPanel se apne website ko manage kar paoge

[@mdrahathosen2395]

Want to see custom checkbox design

[@GreatStackDev]

I will make that tutorial in few days

[@goatlm10m]

Nice Work

[@GreatStackDev]

Thanks

[@BODO_SCRIPTS]

Good work man!

[@ISLAMIC_STUDENT_IIUI]

ASsalamoalikum Sir!
Can you teach online courses of website creation??

[@GreatStackDev]

this video can help you to learn website development: th-cam.com/video/oYRda7UtuhA/w-d-xo.html

[@dipankarpaul3405]

It is an awesome video. Always learned something from your video. Btw can you tell what VS Code theme you use???

[@aum387]

It looks a lot like Ayu Tokyo Night but I think it's different.

[@MUHAMMADBILAL-wl1rp]

but this message is not displaying properly. it is less than half shown. and also it is going under the page content. how can i fix it?

[@thorocket]

you need add
animation: moveleft .5s linear forwards;
not .5 or 0.5 you should add "s" letter

[@felixwarano]

I am writing to you from Cameroon and in my country programming is not valued at all. I would like you to be my mentor 🤲🤲

[@CODE-CULTURE-CITY]

I'm creating an online platform to teach beginners

[@nardo2773]

hi all, cant show the icon before text , any idea?

[@nardo2773]

Solved... Use an old version.. example : < i class="fas fa-check">
:) , greetings

[@hafijuddin9565]

1st comment 😁😁😁😁

[@usamaramzan2497]

Best

[@GreatStackDev]

Thanks Usama

[@kent_calvin]

the error message failed to display a red line

[@nardo2773]

if (msg.includes('Invalid')) {
toast.classList.add('invalid');
} ..'// Use lower case in html file...
/* line color decreasing , this is style file. lower case too invalid.*/
.toast.invalid::after{
background:orange ;
}

[@uidairasra]

mujhe yeh nahi pata hai ki website me jo loading page ata hai usko jaha man chahe waha laga sakta hu jisme loading wala animation baar baar aaye

[@GreatStackDev]

website loading animation ke liye ye video dekhe: th-cam.com/video/Yf5d_Zx3AaI/w-d-xo.html

[@NtlonieManci]

how to get file of the code

[@Kim-d2u]

2.2.24

[@guizeraff7888]

qu

[@ahsanshah7096]

1st

[@akhmadsamandarov4308]

plagiat

[@guizeraff7888]

queixudo