JSFiddle - React, Tailwind, and code Playground

by kthornbloom

HTML

<section class="wrap">
<div id="one">

</div>

<div id="two">

</div>

<div id="three">

</div>
</section>

CSS

.wrap {
  border-radius: 50%;
}

.wrap > div {
  background:...

JavaScript

var e = document.querySelectorAll('div');
for (let i = 0; i < e.length; ++i) {
	e[i].addEventListener('click', function(){
  console.log(this.style.height);
  	if (this.style.height == "150px"){
    	this.style.height  = "50px";
    } else {
  		this.style.height  = "150px";
    }
  })
}