JSFiddle - React, Tailwind, and code Playground

HTML

<div style="background-color:#AAA;" data1="#AAA" data2="red">Panel 1</div>
<div style="background-color:#BBB;" data1="#BBB" data2="yellow">Panel 2</div>
<div style="background-color:#CCC;" data1="#CCC" data2="green">Panel 3</div>

CSS

div { cursor:pointer; }

JavaScript

var divs=document.getElementsByTagName("div");
for(var i=0;divs[i];i++)
{
    divs[i].onclick=function()
    {
        cambiaColor(this);   
    };
}

function cambiaColor(div)
{
    for(var i=0;divs[i];i++)
    {
        divs[i].style.backgroundColor=divs[i].getAttribute("data1");
    }
    div.style.backgroundColor=div.getAttribute("data2");
}