JSFiddle - React, Tailwind, and code Playground

by kyllle

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>

CSS

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

JavaScript

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