JSFiddle - React, Tailwind, and code Playground

HTML

<span id="result">&nbsp;</span>
<div style="background-color:blue;"></div>
<div style="background-color:rgb(15,99,30);"></div>
<div style="background-color:#123456;"></div>
<div style="background-color:#f11;"></div>
<br>
    <br>
        <br>
            <br>
<div id="updated"></div>

CSS

div {
width: 60px;
height: 60px;
margin: 5px;
float: left;
}

JavaScript

$( "div" ).click(function() {
  var color = $( this ).css( "background-color" );
  $( "#result" ).html( "That div is <span style='color:" + color + ";'>" + color + "</span>." );
});

$( "div" ).click(function() {
  var color = $( this ).css( "background-color" );
  $( "#result" ).html( "That div is <span style='color:" + color + ";'>" + color + "</span>." );
  $('div#updated').css('background-color', color);
});