JSFiddle - React, Tailwind, and code Playground

HTML

<div id="target"></div>
<ul id="trigger">
    <li data-tColor="red">red</li>
    <li data-tColor="blue">blue</li> 
    <li data-tColor="green">green</li> 
</ul>

CSS

#target {
    height: 100px;
    width: 232px;
    border: solid 1px black;
    margin: 10px;
}
li {
    display: inline-block;
    border:  solid 1px black;
    margin: 10px;
    width: 60px;
    text-align: center;
    cursor: pointer;
}

JavaScript

$('#trigger li').click(function(){
    $('#target').css('background', $(this).attr('data-tColor'));
});