JSFiddle - React, Tailwind, and code Playground

by Gourav Singh

HTML

<script>
var lastClickedDiv

function funct(item) {
if(item == lastClickedDiv){
 var element = document.getElementsByClassName('divElt')
        for (var i = 0; i < elts.length; i++){
            var style = window.getComputedStyle(element[i]).getPropertyValue('background-color')
            element[i].style.backgroundColor = 'red'
        }
    }
}  
</script>

<div class ='divElt' onclick = "funct(this)">Hello</div> 
  <br/>
  <div class ='divElt' onclick = "funct(this)">Hello</div>
  <br/>
  <div class ='divElt' onclick = "funct(this)">Hello</div>
  <br/>
  <div class ='divElt' onclick = "funct(this)">Hello</div>

CSS

.divElt {
        margin-left: 20%;
        width: 80px;
        height: 40px;
        background-color: blue;
        color: white;
        font-weight: bold;
        text-align: center;
    }

JavaScript

window.onload(function(){
 
});