JSFiddle - React, Tailwind, and code Playground

HTML

<section id='mydiv'>

    <div>
</div>

<div>
</div>

<div>
</div>


 </section>
 <input type='button' onclick='set_element2()' value="click">

CSS

div {border:solid 1px; height:15px}

JavaScript

var colors=['blue','green','yellow'];

var i;
function set_element2()
{
var x=document.getElementsByTagName('div');
  for(i=0;i<x.length;i++)
  {

    var d=x[i];
var col=colors[i];
d.style.background=col;
d.onclick=function(){this.innerHTML=this.style.backgroundColor};
//alert('aakk');
  }
}