[Solved] Javascript Functions to add event on html element

Question

button.onclick = function (){}
Or..
button.onclick = () => {}
And .
button.addEventListener("click", function(){})
What's difference between these three styles.
Which one will be more practical and good to use.
Drop ur ideas.😀

Answer 1

Use first one, since you need to do removeEventListener for avoid memory leak. In 2 varian this context will be bad since arrow func has no this context., 3 variant just like lamda function so remove event listener couls not call

Answer 2

Please see here for an example how can be it done:
https://code.sololearn.com/W2mTAN2s05qW/?ref=app