JSFiddle - React, Tailwind, and code Playground
HTML
<div id="ctnr"></div>
CSS
#ctnr {
background: #EEE;
padding: 10px;
}
#ctnr div {
background: #CCC;
border: 1px solid #BBB;
padding: 2px;
margin: 4px;
}
JavaScript
var ctnr = document.getElementById('ctnr');
var listener = function(){
removeDiv(this);
};
function removeDiv (d) {
alert('testing');
d.style.backgroundColor = '#36f';
d.removeEventListener('click', listener, false);
}
function addDiv () {
var div = document.createElement('div');
div.innerHTML = 'test';
ctnr.appendChild(div);
div.addEventListener('click', listener , false);
}
addDiv();
addDiv();
addDiv();