JSFiddle - React, Tailwind, and code Playground

HTML

<button>
Add here
</button>
<div class="juan">
    OLD
</div>

JavaScript

document.addEventListener('mouseenter', function(e) {
    console.log('==============================');
    console.log(e.currentTarget);
    console.log(e.target);
    console.log(e.relatedTarget);
    console.log(e.handleObj);
});


jQuery('button').on('click', function() {
    jQuery('body').after('<div class="demo">new</div>');
});


















function $(selector, context) {
    context = context || document;
    var elements = context.querySelectorAll(selector);
    return elements;
}