Custom Events in Javascript (CustomEvent)

[@thesuperfilms]

his name is DOM. He was born for this.

[@grantwilliams9838]

Another awesome vid Dom. Short, too the point, good example, easy to understand. And clear well formatted code.

[@classzaban]

That was awesome. I finally understood the concept of custom events in JavaScript

[@GLENNBORREMEO]

Very nice explanation. I like how you teach, very clear and direct to the point.

[@iamsh4r106]

This is exactly what I was looking for to pass information between child components in react

[@alphabutbeta]

Fire video king! Helped me understand the basic concept of custom events 🔥🔥

[@kosnowman]

This is out svelte dispatch works! Thank you!

[@monkyout]

Great video. Thank you.

[@r.osorio02]

Thank You Very Much For the explanation.

[@harag9]

Excellent, thanks :)

[@dcode-software]

No worries mate! 😁

[@truedivan]

Thanks a lot Good explanation, ease for understanding

[@bartoszjasinski]

Can I add event listener to more than just one element? What about dispatchEvent function attached to headerTag as the target? Should I make it like this?? headerTag.dispatchEvent(event); elementA.dispatchEvent(event); elementB.dispatchEvent(event); elementC.dispatchEvent(event); Sorry, I still don't get it how it works. How to fire a CustomEvent in one place (like that changeNumber function) but for many 'listeners' across whole document?

[@bryanngen5572]

fantastic explanation bro

[@dcode-software]

Glad you liked it

[@williamjamesrapp7356]

Interesting. I am still trying to learn and understand -- JS -- so not sure I am going to be able to use yet what I do not understand. I am working on a WIX platform web site build and I need a specific function to take place and WIX allows JS code to be entered - I really need to figure JS out as no one will help me. I'll keep watching these videos a dozen times over till it starts to sink in

[@dcode-software]

What is it that you need to do?

[@ck0024]

*Just visit **_mmtuts_** channel. After watching 35 videos, you can live happily ever after. Trust me.*

[@deltaexile1906]

Neat! Thank you!

[@Surya-tn2sz]

Very useful!

[@AntonioAstorino]

Thanks a lot!

[@dcode-software]

No problem 😀

[@mackenmd]

Thanks!

[@dcode-software]

You're welcome!! Thank you for the super thanks 🙂👍

[@mackenmd]

@@dcode-software You're very welcome and I very much enjoy the way you present material. Cheers!

[@theonewhowas7709]

think you couldve left out the keyboard sounds?

[@malaychandrayan5550]

Thanks a lot!!

[@karoudiallo]

excellent !

[@ManontheBroadcast]

Can any element listen for an event that any other element dispatches? ...

[@dcode-software]

I'm not too sure what you mean by that

[@ManontheBroadcast]

@@dcode-software In your example it is the same element that listens for AND dispatches the event.Is it possible for an other element on the page to listen for the same event? Oh, and thanks for replying ...

[@homework_solution]

Thanks.

[@쾅쾅우르르]

thanks..!!

[@egoist2956]

Super! There are no such videos in Russian even in 2020 .. (

[@dennyh66]

No way, Russians are good at coding

[@ManvendraSK]

A mechanical keyboard, Eh yer!!

[@juancruzrabaglia722]

I dont see the usefulness on this. You are already calling a function, why dont you just do the login in changeNumber?

[@angelcaru]

If you have a lot of code that needs to be run on a function call, with custom events you can separate it into separate files and in the function just dispatch an event

[@Falkano]

Angel Carvajal could you give a specific usecase as an example? Because i dont get it either 🤔

[@seankaat6673]

@@Falkano Suppose you have network code. Also suppose you have a function that receives a confirmation from the server. Then that called function could dispatch an event on all area(s) of the screen awaiting the network confirmation.

[@learningacademixca8143]

You probably figured this out already, but others may be interested to know: it's supposed to be a call to document.dispatchEvent(event); instead of headerTag.dispatchEvent(event). The document then calls the event on all the subscribers.

[@yazeed739_game9]

why white mode 💀💀

[@k.safonov]

Looks like absolutely useless thing with a lot of code which can be substituted with only few lines of good old imperative instructions.

[@sanghunlee6825]

Brilliant. Thanks :)