JSFiddle - React, Tailwind, and code Playground

HTML

<div id=meuElemento class=visivel onclick=alert('foo') ></div>
    
<div id="meuElemento2" class="visivel v2"></div>
<div id="meuElemento3" class="visivel v3"></div>

CSS

.visivel {
    background-color: green;
    width: 50px;
    height: 50px;
    margin: 5px;
}

.v2 { background-color: red; }
.v3 { background-color: blue; }

JavaScript

var meuNode = document.getElementById('meuElemento');
var clone   = meuNode.cloneNode(true);
document.body.appendChild(clone);

meuNode = document.getElementById('meuElemento2');
meuNode.addEventListener('click', function() {
   alert('bar'); 
});
clone   = meuNode.cloneNode(true);
document.body.appendChild(clone);

meuNode = document.getElementById('meuElemento3');
meuNode.onclick = function() {
   alert('baz'); 
};
clone   = meuNode.cloneNode(true);
document.body.appendChild(clone);