JSFiddle - React, Tailwind, and code Playground
HTML
<div>
<button onclick="clicaMe(event);">Clica-me!</button>
</div>
JavaScript
var el = document.querySelector('div');
function clicaMe(e) {
console.log('inline this', this); // vai dar window
console.log('inline e.target', e.target); // vai dar button
}
el.onclick = function (e) {
console.log('onclick this', this); // vai dar el, ou seja "div"
console.log('onclick e.target', e.target); // vai dar button
}
el.addEventListener('click', function (e) {
console.log('event handler this', this); // vai dar el, ou seja "div"
console.log('event handler e.target', e.target); // vai dar button
});