Events in JavaScript

Question

Hey, guys!
So, we can add an onclick function, or other events, like this:
button.onclick = ()=>{
};
button.onclick = function(){
};
button.addEventListener("click", function{
});

My question is- what are the advantages and disadvantages of event listeners and onclick functions?

Answer 1

onclick: you can get a reference to it and you can replace the callback

with addEventListener: you can add more callback for same event and you can choose if event is triggered on bubble phase or capturing phase

Answer 2

Ok? What do you mean by bubble phase or capturing phase? I'm sorry, I'm not much of a programmer. I just like to write code, so my programming basics are a bit rusty. :D

Answer 3

Vasilis Karapas Dont worry, the community is here for this too 😉. Anyway, see here for a good explaination https://javascript.info/bubbling-and-capturing

Answer 4

Thank you! ^_^

Answer 5

I use both in my codes, so I've never taken the time to think about which of the two options is more effective.

Answer 6

KrOW

Answer 7

Vasilis Karapas 👍🏻