JSFiddle - React, Tailwind, and code Playground

by Tom Randolph

HTML

<input type="radio" name="color" value="ff0000">Red</input>
<input type="radio" name="color" value="00ff00">Green</input>
<input type="radio" name="color" value="0000ff">Blue</input>

<div id="colorable">
    I take colors.
</div>

CSS

#colorable{
    width: 10em;
    height: 10em;
}

JavaScript

$(function(){
    $( 'input[name="color"]' ).on( "click", changeColor );
});

function changeColor(){
    var color = "#" + $( 'input[name="color"]:checked' ).val();
    $( "#colorable" ).css( "backgroundColor", color );
}