JSFiddle - React, Tailwind, and code Playground

CSS

div {
     height: 100px;
     width:300px;
 }

JavaScript

['red', 'green'].forEach(function (c) {
    var div = document.createElement('div');
    div.style.backgroundColor = c;
    document.body.appendChild(div);
    div.addEventListener('click', function (e) {
        e.target.parentNode.removeChild(e.target);
    });
    div.addEventListener('mouseenter', function (e) {
        console.log('enter ' + e.target.style.backgroundColor);
    });
    div.addEventListener('mouseleave', function (e) {
        console.log('leave ' + e.target.style.backgroundColor);
    });
    div.addEventListener('mousemove', function (e) {
        console.log('move ' + e.target.style.backgroundColor);
    });
});