EVENT.TARGET, in JavaScript, Simplified

Подписаться 12 тыс.

Просмотров 23 тыс.

50% 1

When handling events, an event object, containing all the information about the event, is passed to the callback function you provide. One major property of this event object, is the target property, which contains information about the element that received the event.
In this video, I use examples to explain this property and show why its relevant.
Useful links:
- querySelector explained: • HOW TO SELECT DOM ELEM...
- Event Bubbling: • Event Bubbling in Java...
- Event Delegation: • Event Delegation in Ja...
- Object Destructuring: • Object Destructuring S...
Check out my JavaScript Simplified playlist where I simplify different concepts in JavaScript: • JavaScript Simplified
_____
Subscribe to My Channel: bit.ly/deeecode
_____
🌟 About Me:
Dillion Megida, creator of DEEECODE, is a Software Engineer, Developer Advocate and a Content Creator passionate about simplifying topics around Tech via articles and videos.
_____
⚡️ Connect with me:
- Personal youtube: / dillionmegida
- Personal website: dillionmegida....
- Twitter: / iamdillion
- Instagram: / deeecode
- LinkedIn: / dillionmegida
- GitHub: github.com/dil...
_____
#deeecode

Опубликовано:

15 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 112

@deeecode Год назад

Check out my JavaScript Simplified playlist where I simplify different concepts in JavaScript: ru-vid.com/group/PLLdz3KlabJv0TBKCbF9aSxIpCxsLiFhEv

@Kivencito Год назад

Brother... I'm starting in JS and I had this problem with the onload method... after 2 days trying, this was my solution. THANKS!

@deeecode Год назад

I'm so so so glad to hear this feedback. You're welcome. Feel free to share topics you'd like me to make videos about.

@archangel4894 Год назад

Bro, your tutorial is much easier to understand than other tutorial I previously watched. Thanks to you!

@deeecode Год назад

I'm so so glad to hear this! Thanks for the feedback, and I'm glad you found it easier.

@noozytechz 23 дня назад

your teaching is next level bro, keep doing, you will have million subs

@saurabhsinghpatel3090 Месяц назад

Love from india , you are just amazing , loved the way of explanation you have resolved my doubt and gave a detailed explanation with the use case , that helped a lot.Thanks a lot man.Keep doing this amazing work.

@hybs9473 Год назад

Thank you for doing this my man Dee! I appreciate it very much. Looking forward for more tutorials from you.

@deeecode Год назад

You're welcome 🙏🏾

@explorewithpraveen 5 месяцев назад

Thanks, there is only your video in you tube who explain the use of target deeply, again thanks

@deeecode 4 месяца назад

Glad it was helpful! You're welcome :)

@marypaul9627 4 месяца назад

Elements receives different forms of events in the DOM! That opening line explains it all thank you, have subscribed!

@deeecode 3 месяца назад

I’m so glad to hear ✨

@AvidAfrican Год назад

I swear this guy is Nigerian! And you explain it better and what happened after calling the function i just subscribed to your channel as a fellow Nigerian! Bro teach us more.... break it down bro!

@deeecode 10 месяцев назад

Hahah thank you so much and welcome!

@jamblob3208 5 месяцев назад

I had done this a few way before but remembering and doing it differently shows problems as well as unexpected solutions. This was the inspiration, bubbling along next to it. yipety doo.

@tanoypaul 4 месяца назад

Thanks teacher , I was struggling from this exact thing ! You made it much more easier for me

@deeecode 4 месяца назад

You're very welcome! I'm so so glad to help

@mariopizzaro Год назад

Hi mate, you can really explain stuff in a very easy-to-understand way, thank you ! Greetings from N.Ireland

@deeecode Год назад

Heyyy...Greetings from the Netherlands. Thank you so much for the kind feedback. I'm so glad you enjoyed this

@CLeovison Год назад

This is the kind of tutorial that i need. Well explained. Thank you so much maaan!

@deeecode Год назад

You're welcome! So glad to hear

@Paulina-sc1xd Месяц назад

Thank you very much for this video, it was very helpful👍

@caioluna9229 Год назад

Thank you! My college teacher doesn't explained to me that, only passed the answer, and I was struggling to understand by myself how and why this works.

@deeecode Год назад

I'm so glad to hear that this was helpful!

@chocolyte1950 Год назад

Thnx a lot sir love from india🇮🇳🇮🇳

@deeecode 11 месяцев назад

You're very welcome!

@destinyifeanyichilaka6434 6 месяцев назад

This really made me understand more about event.target

@pauledukere8353 7 месяцев назад

Wow.. nice explaination.. I have definitely learnt something

@isaacaninta6551 6 месяцев назад

Really love this guy ❤❤❤❤.

@famero_xo 3 месяца назад

Really helpful, thanks and well-done 🎉❤

@deeecode 3 месяца назад

Glad you enjoyed it!

@JhonLogix Год назад

Very well explained! Thanks for sharing this with us. Keep it up champ!

@deeecode Год назад

Glad you liked it! You're welcome

@aprendahebraicocomabiblia1090 6 месяцев назад

Simply awesome!

@deeecode 3 месяца назад

Thank you! Cheers!

@nagarjuna5557 9 месяцев назад

Wow, bro it's easy to understand thank you

@deeecode 9 месяцев назад

I'm so glad to hear this...you're welcome!

@cescr3821 Год назад

came here for javascript tutorial, stayed for the accent, but no joke the video is great thank you.

@deeecode Год назад

Haha glad you liked my accent. and thanks for the feedback regarding the video

@avalonstudio2753 Год назад

@@deeecode naija accent i am gussing, leaning javascript too, thank for the video by the way

@Petersonbabs 10 месяцев назад

You're good boss. Would like to see a video of how you create content

@deeecode 9 месяцев назад

Coming back to this comment, I'll make a video on this to wrap up the year :) Will let you know when published

@Petersonbabs 8 месяцев назад

@@deeecode is it out now boss. Really would love to such content.. How you come up with ideas, plan your content, film, edit.. advice Would really help...

@deeecode 8 месяцев назад

@@Petersonbabs Hi...so sorry I couldn't publish it before the new year like I said I would. But here's the video live now: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-a32fbqPNir4.html

@Petersonbabs 8 месяцев назад

@@deeecode thank you

@davidezih3510 Год назад

Bro!! You're good! love the explanations...

@deeecode Год назад

Thank you so much for this feedback. I'm glad you love it

@imanariyobaptiste8177 Год назад

practical explained bro keep it up

@deeecode 9 месяцев назад

Thank youuu

@jamblob3208 5 месяцев назад

Tricky stuff. Syntax n all that on top of the why should I need it. I thought this was revision of a hard day but the same errors for me showing how hard it is to know how to alter things just slightly.

@iamnottech8918 5 месяцев назад

I really thought the same but I was doubtful but now I am sure

@deeecode 5 месяцев назад

You're very welcome!

@archonarchon6613 5 месяцев назад

wow nice explanation👍👍👍

@deeecode 4 месяца назад

I'm so glad you enjoyed it ;)

@relaxsongwithjeff1263 Год назад

Hello I'm having an error with this. Could you explain it to me why? I'm getting the name Id and assigning it to a variable here. Const nameId = document.getElementById("nameId"); And then i have an event listener that listen to the assigned element above. nameId.addEventListener("keyup", () => { function(); // this function execute when this event is made }); Now I'm having this (Uncaught TypeError: nameId is null) whenever I'm on a different page on my web. But when I'm on the where this code is being used I'm not having that error. What i did is i wrap the event listener to an if statement checking if the nameId is not null then execute the event. Is there any other way i could do this?

@codingsenpai Год назад

Thank you, man, so useful !👏

@deeecode 9 месяцев назад

Glad to hear :)

@louiebridges174 4 месяца назад

Thank you so much!!

@deeecode 3 месяца назад

You’re welcome :)

@dinasalah855 Год назад

Wow that is super amazing …thanx🙏

@deeecode Год назад

Glad you like it. You're welcome!

@nabeelkhan-dp2fc Год назад

nicely explained buddy...thanks

@deeecode Год назад

glad you found it so

@noobme1068 Год назад

well explained.Thank you!

@deeecode Год назад

You're welcome!

@yaniquedickson8276 2 месяца назад

thank you!

@Spunky_Tx 25 дней назад

Thanks man

@fabrice9848 Год назад

Thank you.

@deeecode Год назад

You're welcome!

@zachmathias26 Год назад

any reason why you used query selector opposed to getElementById?

@deeecode Год назад

there was no specific reason. i've found myself liking querySelector when I want to do any element query (from classes to ids to attributes), and I also wanted to show in this video that there are multiple ways you can get elements from the DOM