Event Handlers vs Event Listeners in JavaScript 👨‍💻💯

[@rocdiva530]

I’m new to JavaScript and I kept hearing my teacher talk about event handler, event listener and I couldn’t decipher one from the other. This video is just what I needed. THANK YOU!

[@Ifeomaa]

Short and straight to the point, learnt helpful tips

[@Jaycoda10]

brilliant just what I was looking for, simple and straight to the point, boom!

[@sahanatelasng8812]

Really this video gave me a solution for my problem .... U are the best ... U solved it within few seconds .... In easy way..

[@kaanergunlu7836]

Well explained with clear examples, appreciated!

[@darrienjohnson9053]

Thanks. This was simple and easy to understand appreciate it bro

[@edwinlimo5354]

Great Patrick, your explanations are easy to understand

[@bigshuff]

Thank you for making this subject so easy to understand, I am so glad I persevered with my search and found you.

[@essenzoffiziell8421]

thank you for your video... God Bless You with The Best All Things

[@aamir067]

thanks buddy. you really solved my confusion about event handler and listener.

[@Prabh_cc]

Helpful content❤❤❤, I'm glad that you are doing something useful😊

[@Zen-lz1hc]

Like
Thanks for the clear explication.

[@marky1756]

Now I understand. Thanks a lot.👍

[@djfago6240]

Brilliant explanation. Thank you bro

[@reithmkil1168]

Bro thank you for this video, perfect explanation

[@sip6963]

Great video! Solved my doubt of 2hrs research. Kudos!

[@sunyfilip]

But you need to be careful if you are assigning those listeners dynamically....if you for example open dialog with that element again and you are assigning those listeners again, you will have all your listeners runned multiple times, so don't forget to remove listeners before taking your element away :)

[@carloschaves8892]

Great example.

[@saravananarumugam1702]

Thanks for explaining ❤

[@bluin666]

thx. that was pretty easy to understand

[@offgridvince]

Thanks

[@ScottIngram]

Thank you. Very clear.

[@GLHD-tl2hl]

mind asking what font is this??... Too cool

[@yuriinadilnyi3029]

I'd like to add that using EventListener allows you to add additional options if it's needed, cuz Im not sure if handlers do the same staff

[@blueberry5992]

keep up the great work

[@yabool2001]

Nice job.

[@passionatechristianmaker]

Great video, at work i hear these terms all the time but didn't get them initially

[@user-ig1tf5bx2e]

Thank you

[@JoanManuelSB]

nice

[@miss_kolissa]

How do you click once & comment 3 different lines at the same time? I'm also just learning a lot of shortcuts in the IDE

[@japhethachimba174]

Thanks for the awesome content, which theme are you using for your VSCODE bro

[@anarosol6133]

Thank you!!

[@Escko]

thank you

[@hajimeippo804]

can you please make video about difference between let,const and various and when to use them?

[@therealspaceman3447]

This was a very useful video for me. I had previously wrapped button and such with divs to support two events at once. No more. Thank you.

[@jackmandu]

Is there a preference of which to use if you need to have multiple objects all call the same function? For example I need to have several form fields concatenated into a single field.
Also, is there anything special that needs to be done with addEventListener depending on the type of input field, such as radio button vs. text vs. select field?

[@jackmandu]

The solution I used was to use the generally least preferred option, which is in-line HTML event handler where you can have multiple functions separated by semi-colons, such as onchange=“func1();func2()”.

[@yousef7885]

thank you very much

[@divedelhassnaoui7570]

believe or not my teacher has no idea about Event Handlers

[@AnilKumar-jx1hk]

nice moustache btw

[@ravisankar9122]

I love you

[@mahtabvariyani]

thanks

[@محمّد.09]

why no one is appreciating his typing sound?

[@akashanand2656]

What if I use handler and listener at the same time?

[@nitkarshchourasia2406]

🎯 Key Takeaways for quick navigation:
00:00 *🎶 Introduction to Event Handling in JavaScript*
- Understanding the difference between event handlers and event listeners in JavaScript.
- Overview of handling events using event handlers and event listeners.
00:30 *🖱️ Event Handlers in JavaScript*
- Event handlers are properties of objects used to handle events.
- Demonstrating event handling with an example of using the `onclick` event handler.
- Limitation of event handlers: only one event handler for a specific event type.
01:51 *🔊 Event Listeners in JavaScript*
- Event listeners are assigned to objects to listen for events and execute code accordingly.
- Example of using the `addEventListener` method to handle click events.
- Advantage of event listeners: ability to add multiple listeners for the same event.
03:41 *🔃 Comparison: Event Handlers vs. Event Listeners*
- Experimenting with adding multiple event handlers and event listeners to understand their behavior.
- Demonstration of the difference in behavior when adding multiple handlers/listeners.
- General advice: prefer event listeners over event handlers for flexibility and scalability.
Made with HARPA AI

[@shivinNirwanYadav]

Impress why code typing

[@oleksandrdemchenko482]

+

[@capslock3250]

Thanks

[@hajimeippo804]

thank you ..this is the best explanation about difference between handler and listener. .I was confused about them very much. ....Subscribed 👍

[@philipparker113]

Thanks. Its very clear now.

[@Anas-ri4vv]

Thank you

[@chigurupati_s]

Super bro

[@jarawinpromsawat]

เทพจัดพี่