EVENT.TARGET, in JavaScript, Simplified
HTML-код
- Опубликовано: 2 окт 2024
- 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
Check out my JavaScript Simplified playlist where I simplify different concepts in JavaScript: ruclips.net/p/PLLdz3KlabJv0TBKCbF9aSxIpCxsLiFhEv
Thank you for doing this my man Dee! I appreciate it very much. Looking forward for more tutorials from you.
You're welcome 🙏🏾
Brother... I'm starting in JS and I had this problem with the onload method... after 2 days trying, this was my solution. THANKS!
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.
Thanks, there is only your video in you tube who explain the use of target deeply, again thanks
Glad it was helpful! You're welcome :)
Really love this guy ❤❤❤❤.
Thank you very much for this video, it was very helpful👍
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.
I'm so glad to hear that this was helpful!
Bro, your tutorial is much easier to understand than other tutorial I previously watched. Thanks to you!
I'm so so glad to hear this! Thanks for the feedback, and I'm glad you found it easier.
You're good boss. Would like to see a video of how you create content
Coming back to this comment, I'll make a video on this to wrap up the year :)
Will let you know when published
@@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...
@@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: ruclips.net/video/a32fbqPNir4/видео.html
@@deeecode thank you
I really thought the same but I was doubtful but now I am sure
You're very welcome!
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.
Thank you, man, so useful !👏
Glad to hear :)
Simply awesome!
Thank you! Cheers!
your teaching is next level bro, keep doing, you will have million subs
Thnx a lot sir love from india🇮🇳🇮🇳
You're very welcome!
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?
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.
Thank you so much!!
You’re welcome :)
Nice explanation and examples
thank you!
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!
Hahah thank you so much and welcome!
Please 🙏 make a video on html data attributes and dataset methods please @deeecode
Wow that is super amazing …thanx🙏
Glad you like it. You're welcome!
well explained.Thank you!
You're welcome!
nicely explained buddy...thanks
glad you found it so
Lucid Explanation
Thanks man
Thank you.
You're welcome!
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.
Thanks teacher , I was struggling from this exact thing ! You made it much more easier for me
You're very welcome! I'm so so glad to help
any reason why you used query selector opposed to getElementById?
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
Wow.. nice explaination.. I have definitely learnt something
THANK YOU MAN< BRASIL LOVES YOU
thank you so much 🥹
nice explanation bro
Really helpful, thanks and well-done 🎉❤
Glad you enjoyed it!
Wow, bro it's easy to understand thank you
I'm so glad to hear this...you're welcome!
This really made me understand more about event.target
Thanks bro..
You're welcome :)
practical explained bro keep it up
Thank youuu
Elements receives different forms of events in the DOM! That opening line explains it all thank you, have subscribed!
I’m so glad to hear ✨
wow nice explanation👍👍👍
I'm so glad you enjoyed it ;)
very nice
you're welcome
love from india
Thank youuuuuuuu!
super helpful
Glad it helped!
thanks sir
Most welcome
W tutorial
Nice to know. Thank you
Amazing
Thank you! Cheers!
very good
Thank you! Cheers!
Great 😊
You're welcome
Thaks bro
you're welcome
Hi mate, you can really explain stuff in a very easy-to-understand way, thank you ! Greetings from N.Ireland
Heyyy...Greetings from the Netherlands. Thank you so much for the kind feedback. I'm so glad you enjoyed this
Very well explained! Thanks for sharing this with us. Keep it up champ!
Glad you liked it! You're welcome
Bro!! You're good! love the explanations...
Thank you so much for this feedback. I'm glad you love it
This is the kind of tutorial that i need. Well explained. Thank you so much maaan!
You're welcome! So glad to hear
came here for javascript tutorial, stayed for the accent, but no joke the video is great thank you.
Haha glad you liked my accent. and thanks for the feedback regarding the video
@@deeecode naija accent i am gussing, leaning javascript too, thank for the video by the way
Awsome content 🔥
You're welcome :)
Clarísimo, gracias!!
You're welcome
Explanation is clean but I’m still confused 🥲
Hi, In what way are you confused? 🤔