35: What Are Event Listeners In JavaScript | JavaScript Events | JavaScript Tutorial | mmtuts

แชร์
ฝัง
  • เผยแพร่เมื่อ 16 ธ.ค. 2024

ความคิดเห็น • 99

  • @groovysalmon6857
    @groovysalmon6857 6 ปีที่แล้ว +37

    You really did a great job on analyzing peoples learning problems and disected the approach to learning JS in a way which makes it palpable to a broad mass. You should think about writing a JS course book.

  • @Veianya
    @Veianya 4 ปีที่แล้ว +15

    You taught me in 14 minutes what my school has been trying to teach me all week. Thank you. :)

    • @marcelolb1221
      @marcelolb1221 2 ปีที่แล้ว

      youre gonna like "jake the muslim metaphysician on YT

  • @spencershrek1491
    @spencershrek1491 4 ปีที่แล้ว +2

    React dev here... have an interview tomorrow and just blasted through this entire playlist bc the interview will be "only on css and js" and I realized I'm pretty useless without react. Can't believe how many fundamentals I have been missing these past 2 years. Thanks a TON!

  • @JaspreetSingh-ym1qp
    @JaspreetSingh-ym1qp 5 ปีที่แล้ว +1

    Brother you are just awesome.You know perfectly what the word teaching mean.I just love learning the courses from your tutorials . Love your way of making us understand.

  • @ck0024
    @ck0024 6 ปีที่แล้ว +4

    *You are our modern day's **_Richard Feynman._** You are great like him.*

  • @finalsecretofchrono1339
    @finalsecretofchrono1339 6 ปีที่แล้ว +1

    The concept of passing parameters is simple until its complicated. Thanks for the well explained breakdown

    • @_danisson
      @_danisson 5 ปีที่แล้ว

      So true. My head was so confused for days for that (e)
      Right now i understand a little bit more but at the same time still confusing.

  • @codybleier5947
    @codybleier5947 5 ปีที่แล้ว +1

    I just wanted to say thank you mmtuts, I have just started in web development and currently trying to grasp js. Your videos are great and have been a very helpful resource for me.

  • @shah-jahanlancaninc.5053
    @shah-jahanlancaninc.5053 5 ปีที่แล้ว +4

    Thank you very much for making my boring javaScript in to exciting....! wating to here from you more..!

  • @kehindefasola1852
    @kehindefasola1852 5 ปีที่แล้ว

    thank you great guy. God bless you for doing these videos for free.

  • @codingtime3803
    @codingtime3803 4 ปีที่แล้ว

    How do you teach so perfectly? Making everything crystal clear! Thanks so much again. Please Keep making more videos of JS.You are a great teacher!!

  • @sixtusushahemba9419
    @sixtusushahemba9419 2 ปีที่แล้ว

    That was so great sir. You literally explained everything I have been having challenges concerning Events. Thanks a lot!

  • @ivootero3410
    @ivootero3410 4 ปีที่แล้ว

    Keep up the great work man! There are not many people teaching this topics that approach common learning problems like you do!!

  • @ericbiscayne6722
    @ericbiscayne6722 2 ปีที่แล้ว

    Thanks for taking your time to explain this. A lot of guys here speak too fast and it is hard to follow. Will watch your vids from now on....

  • @fastgeorge3104
    @fastgeorge3104 2 ปีที่แล้ว

    Such a clear explanation, thank you!

  • @devduttsinh4704
    @devduttsinh4704 4 ปีที่แล้ว

    I've been through all your video on this javascript series and it was amazing i learned it thank you soo much

  • @jupce
    @jupce 2 ปีที่แล้ว

    Thank you!! I couldn´t find anywhere how to pass parameters in an event function!!

  • @jacobsiegel9144
    @jacobsiegel9144 4 ปีที่แล้ว

    Thanks!!! This saved my hide. I've been learning for the past few years and I've been making a lot of progress lately, and, I think you pushed me over the top :).

  • @rheamaebagro3361
    @rheamaebagro3361 4 ปีที่แล้ว

    Thank you new knowledge about eventlistener big help :)

  • @biskutnation
    @biskutnation 3 ปีที่แล้ว

    Thank you! I have found what i should've understand a long time ago, the necessity of anonymous function in eventhandler and probably could applied on other things too.

  • @CAPS_AMERICA
    @CAPS_AMERICA 4 ปีที่แล้ว +1

    Very well explained and yes, lots of information but very clear and easy to understand because you're explaining each part and sequence. Thanks heaps and please keep making tutorials on website creation and design, and any programming software that's actually used in the real world out there. Thumbs up! Whoever did that 6 dislikes probably have JS videos on YT that are not gaining popularity! :)

  • @chow7052
    @chow7052 5 ปีที่แล้ว

    Thank you very much! As you said, there's so much information in this episode, and in my opinion the last 2 minutes look very compressed, I hope you can do a longer version of this episode (like your project lessons) so that we can learn more about eventListener, again, thank you! Very good job!

  • @williamjamesrapp7356
    @williamjamesrapp7356 5 ปีที่แล้ว +2

    I understand HTML , CSS , PHP , SQL , PYTHON but for the life of me not a single video I have watched on JAVASCRIPT makes any sense to me ( I have watched hours and days and weeks worth of video in JS ). I guess its the way everyone teaches it since it seems they all teach it the same way. Smart People who know how to use JS but are not teachers at all and then say JUST KEEP WATCHING IT WILL MAKE SENSE which is like a Kid from the BRONX trying to READ Original SHAKESPEARE Written in UKRAINIAN and telling him JUST KEEP READING IT WILL ALL MAKE SENSE.

  • @frownless
    @frownless 6 ปีที่แล้ว +4

    I just started watching your HTML/CSS tutorial and its been great thank you so much for providing this free content.Also u look like elon musk haha

  • @dausgaard634
    @dausgaard634 5 ปีที่แล้ว

    Gode videoer. Jeg var faldet lidt bagud i skolen med undervisningen, dog bevæger jeg mig på rette spor igen ved hjælp af dine videoer

  • @charlessynai2054
    @charlessynai2054 6 ปีที่แล้ว +1

    great job Daniel

  • @ademineshat
    @ademineshat 6 ปีที่แล้ว +2

    Nice to see you again :)

  • @BaneTrogdor
    @BaneTrogdor 6 ปีที่แล้ว +2

    Great as always

  • @Omar-ef3hj
    @Omar-ef3hj 5 ปีที่แล้ว

    great tutorials as always..iv'e actually finished all your web tutorials from (html-css,php,sql and javascript)...i'm going to start for jquery tomorrow..
    please make another series but for Node.js.
    thank you very much, iv'e learned a LOT in your videos.. hope you have a wonderful year.

  • @etiudosen6072
    @etiudosen6072 2 ปีที่แล้ว

    you explain it so well after watching, I came to your profile to buy your JS course you need to create one .

  • @mohameddrisi2333
    @mohameddrisi2333 6 ปีที่แล้ว +5

    Keep it Up bro😍

  • @roobannadarajah7989
    @roobannadarajah7989 4 ปีที่แล้ว

    you freeking awesome mate

  • @serageibraheem2386
    @serageibraheem2386 5 ปีที่แล้ว

    Great job brother... always the best

  • @calibr0636
    @calibr0636 5 ปีที่แล้ว +1

    thanks man, ive been really looking for a video that teaches you about addeventListeners().

  • @muhammadtaifkhan4359
    @muhammadtaifkhan4359 5 ปีที่แล้ว

    Thanks Sir! your teaching method is so good... i humble request you to make more advanced videos on JavaScript.....

  • @conradmbugua9098
    @conradmbugua9098 3 ปีที่แล้ว

    I just experienced an AHA moment, thanks

  • @riaznapa
    @riaznapa 5 ปีที่แล้ว

    Thank you for such a nice explaination.

  • @mr.hussain8714
    @mr.hussain8714 5 ปีที่แล้ว

    Thanks for the great tutorial man.

  • @Bhisma93
    @Bhisma93 6 ปีที่แล้ว +1

    This was so F*CKIN awesome! Thanks for this tut, would you be able to include an explanation for using target as well, maybe in the next episode?

  • @LucLev
    @LucLev 4 ปีที่แล้ว

    Great tutorial!

  • @nisevi
    @nisevi 5 ปีที่แล้ว

    nicely explained!

  • @Kurleddy
    @Kurleddy ปีที่แล้ว

    Hi, you make it easy to grasp these logic flow concepts.
    Quick question:
    1. Why do you say it's messy to call two functions in another one when the actuall working functions are already envoked?

  • @maciejp950
    @maciejp950 6 ปีที่แล้ว

    What would you use and how to make a filter on a website. Example, to show only black pens if that is selected. idk how to explain it well

  • @muhammadnadeembashir7940
    @muhammadnadeembashir7940 5 ปีที่แล้ว +1

    Please make a tutorial on recursion in javascript with many examples and explanation please thanks ..

  • @justme8126
    @justme8126 6 ปีที่แล้ว

    I hope you don't mind I shared your JavaScript videos with a handful of my friends on discord.

  • @nouhaastol6800
    @nouhaastol6800 2 ปีที่แล้ว

    merci excellent course

  • @davutlu60
    @davutlu60 4 ปีที่แล้ว

    Great, thank you so much..

  • @shubhrajit2117
    @shubhrajit2117 11 หลายเดือนก่อน

    Plz make a vid on calling async function using Event Listeners 🙏🙏

  • @gcambrose2422
    @gcambrose2422 3 ปีที่แล้ว

    When I go to update console I receive this violation and I my console does not update, how can I stop this violation message? [Violation] Added non-passive event listener to a scroll-blocking event. Consider marking event handler as 'passive' to make the page more responsive. ..............Thank you for your consideration.

  • @richardvargas4950
    @richardvargas4950 6 ปีที่แล้ว

    Can you do more videos using OOP? I am building a project at the moment, and the only way I managed to get my objects' methods to run according to their events, was by placing them into new functions. I then ran the functions using event listeners and handlers, but I feel there has to be a better way using OOP to do that. Also all your videos on PHP and JavaScript are awesome

  • @Steezy_WRLD
    @Steezy_WRLD 2 ปีที่แล้ว

    Thank you❤

  • @CreativeWorkersBest
    @CreativeWorkersBest 6 ปีที่แล้ว

    Hi. Your tutorials are very interesting. I really love them. Could you do tutorials about wordpress plugin development beginner to advanced?

  • @RedEyedJedi
    @RedEyedJedi 5 ปีที่แล้ว

    Absolutely brilliant lesson as always. I wonder if you could help me with something. I'm trying to use eventListeners within es6 classes using canvas but for some reason after I assign this.ctx = canvas.getContext("2d"); and then later try to use the ctx variable in my display method within the class. The ctx variable is undefined. Any idea why this is?

  • @mahdisharifi5989
    @mahdisharifi5989 6 ปีที่แล้ว

    Your are fantastic ❤

  • @charlessynai2054
    @charlessynai2054 6 ปีที่แล้ว

    am really need help with how to get select option queried into database..thanks

  • @damo190
    @damo190 3 ปีที่แล้ว

    I have started learning events. I tried onload attribute on and onload property on document.body. Both works fine. Now I started using another alternative, using eventlister as below:
    document.body.addEventListener("load", function (){alert("load body");});
    But It's not working. Please help

  • @mdektemalhossain5976
    @mdektemalhossain5976 6 ปีที่แล้ว

    will there be any more videos on javascript??

  • @Stoney_Eagle
    @Stoney_Eagle 6 ปีที่แล้ว

    Perfect just what I needed.
    How can I make a div always active, also reactivate it after a click somewhere else? Right now I loop trough every 500ms to reactivate it witch isn't nice to browsers.
    I have a jw player (heavily modified using your tutorials😎) , and for the event listeners (like play or volume) to work it needs to be in an active state.

  • @ocasja
    @ocasja 5 ปีที่แล้ว

    Is it possible to use Javascript to delete a certain URL from the history?

  • @younotme6912
    @younotme6912 6 ปีที่แล้ว

    So greate bro

  • @muhammadnadeembashir7940
    @muhammadnadeembashir7940 5 ปีที่แล้ว

    Sir please upload video on clouser in detaile by some example in javascript ...thanks

  • @Joe-grado
    @Joe-grado 5 ปีที่แล้ว

    Thank you!

  • @amirshojay491
    @amirshojay491 4 ปีที่แล้ว

    Why did you passed only the "e" and not the name parameter ("Daniel") to the anonymous function? And it did work as it supposed to. Can someone explain?

    • @Dani_Krossing
      @Dani_Krossing  4 ปีที่แล้ว +1

      The "e" refers to the event that is happening, and allow for us to use the event inside the function. It is a habit of programmers to write "e".

  • @bernardmairura9734
    @bernardmairura9734 4 ปีที่แล้ว

    I really like watching your videos
    If i wanted to create a function that alerts the user using their name that their message has been received, which one will it be?
    e.g "Thank Bernard. We have received your message."

  • @prakharsinha499
    @prakharsinha499 6 ปีที่แล้ว

    hey please make a series on service workers. Please it's a request.

  • @liriani
    @liriani 6 ปีที่แล้ว

    What program do you use for html

  • @bigdog3386
    @bigdog3386 5 ปีที่แล้ว

    Can you do NodeJS course? More specifically NodeJS Object Oriented Programming course. I switched from PHP after 8 years of developing to NodeJS/ExpressJS. And it's hard to find ways on the internet to build OOP apps. But OOP is very important for me, I hate procedural development at all.

  • @kibbwiki5478
    @kibbwiki5478 6 ปีที่แล้ว

    is it possible to code a group chat onto my website? I've been searching for this but have only found 2 person messaging only. Everywhere else that I look says that you have to embed third party software that wont integrate with mysql database so it would make my users have to login twice onto my website if they wanted to chat. why is it so difficult to find a video for this?....crazy and frustrating!

    • @groovysalmon6857
      @groovysalmon6857 6 ปีที่แล้ว +1

      Try to check for websockets!

    • @kibbwiki5478
      @kibbwiki5478 6 ปีที่แล้ว

      ill look into it, thanks!@@groovysalmon6857

  • @tiffanychan478
    @tiffanychan478 5 ปีที่แล้ว

    Why there's no ( ) after btn.onclick = changeBtnText?

  • @pratikgupta7373
    @pratikgupta7373 4 ปีที่แล้ว

    Awesome

  • @mahdisharifi5989
    @mahdisharifi5989 5 ปีที่แล้ว

    is it the last episode of this course ??

  • @frownless
    @frownless 6 ปีที่แล้ว

    can you make a tutorial on how u use adobe xd to design a site and later implement of a website i have been searching all over youtube and i cant really find one

  • @jackw.3978
    @jackw.3978 3 ปีที่แล้ว

    In HTML this is possible: onclick="doSomething();doSomethingElse();"

  • @feruzteame8854
    @feruzteame8854 4 ปีที่แล้ว

    great !

  • @anaisrevellat5692
    @anaisrevellat5692 3 ปีที่แล้ว

    Thanks

  • @ahmadhassan5680
    @ahmadhassan5680 6 ปีที่แล้ว

    Thank You

    • @ahmadhassan5680
      @ahmadhassan5680 6 ปีที่แล้ว

      Thank you for respond Denial. you made a video in this series named banner rotater. in that video there was a problem on previous button. i try to solve that problem but i could not fix that. pleas us the solution. pleas pleas. pleas. i will ask for that until the solution is not provided :)

  • @adonishomefitness
    @adonishomefitness 5 ปีที่แล้ว

    so isnt there anymore episode coming

  • @flyingcat3486
    @flyingcat3486 6 ปีที่แล้ว +2

    Nice video Elon musk.host meme review pls

  • @loosabway3400
    @loosabway3400 4 ปีที่แล้ว

    At about 8'10" you said 'delete the first function' rather than the second which is what you meant

  • @sonkhananioraciomwape7524
    @sonkhananioraciomwape7524 3 ปีที่แล้ว

    #Powerlecture thanks man

  • @cb_sp5022
    @cb_sp5022 6 ปีที่แล้ว

    God video 😅

  • @williamjamesrapp7356
    @williamjamesrapp7356 5 ปีที่แล้ว

    I am sure that to a JS pro all this makes sense.

  • @Vformilyoner
    @Vformilyoner ปีที่แล้ว

    where is the third parameter ?

  • @さよこせつこ
    @さよこせつこ 2 ปีที่แล้ว

    I wonder why all tutorial dosent show how to fix looping listeners :/
    Example;
    test.button.addEventListener('click',function(e){
    test.count++;
    console.log(test.count);
    })
    This will work fine if you write it first time, everytime you press that button you will get +1 each time.
    BUT!
    If you update that function you will then add "new" function plus that one you just created,
    that's mean you will now get +1 +1 = +2 for each time now...
    I did just for fun editing my function 50 times, now it will add +52 each time when i press that button :O
    On dev tools I can see there is 52 different script code that start with "VM" and then some random number, plus :line code
    Can someone give some advice to prevent this happened?
    onclick function works so much better, its just addEventListener() that doesn't work

  • @emiledeloof1036
    @emiledeloof1036 4 ปีที่แล้ว

    why does this guy look like the drugs dealer from obx xD

  • @dawidp7094
    @dawidp7094 6 ปีที่แล้ว

    Thumbnails are weird

  • @joshuajerin1677
    @joshuajerin1677 6 ปีที่แล้ว

    Try to fix your website

    • @Dani_Krossing
      @Dani_Krossing  6 ปีที่แล้ว

      Excuse me?

    • @joshuajerin1677
      @joshuajerin1677 6 ปีที่แล้ว

      Do you remember your "rotating banner" video??? If you do, the pictures required for the lesson cannot be viewed.

    • @joshuajerin1677
      @joshuajerin1677 6 ปีที่แล้ว

      Not only that but basically when I try to enter your website I find it as ERROR 404