JSFiddle - React, Tailwind, and code Playground

CSS

body{
    height: 300px;
    width:800px;
}

JavaScript

data = [{ color: 'red'},{ color: 'black'},{ color: 'yellow'},{ color: 'green'}];

d3.select('body').selectAll("div")
    .data(data)
    .enter()
    .append("div")
    .style("width","30px")
    .style('height',"30px")
    .style("background-color",function(d){
        return d.color;
    });

var divs = document.getElementsByTagName("div");

function show(){
   alert("ya")
}

for (var i = 0; i < divs.length; i++) {
    divs[i].addEventListener('click',function(){
      alert("yaho");
    });
    divs[i].addEventListener('click',show);
}