JSFiddle - React, Tailwind, and code Playground

by TrueBlueAussie

HTML

<div id="box">BGCOLOR TO CHANGE HERE</div>
<br />
<img class="color" data-color="black" src="images/black.png" alt="" />
<img class="color" data-color="red" src="images/red.png" alt="" />
<img class="color" data-color="blue" src="images/blue.png" alt="" />
<img class="color" data-color="green" src="images/green.png" alt="" />

CSS

#box {
width: 200px;
height: 200px;
background-color: #3FA5D5;
}

JavaScript

$('img.color').click(function(){
    $('#box').css({"background-color": $(this).data('color')});
});