JSFiddle - React, Tailwind, and code Playground

by SirDerpington

HTML

<div id="container">
    <div class="grid1">
        <input id="bgR" type="text"></input>
        <input id="bgG" type="text"></input>
        <input id="bgB" type="text"></input>
        <input id="change_bgColor" type="button" value="Change Background Color"></input>
    </div>
</div>

JavaScript

$(document).ready(function () {

    $('#change_bgColor').click(function () {
        var rColor = $('#bgR').val();
        var gColor = $('#bgG').val();
        var bColor = $('#bgB').val();
        var newColor = "rgb(" + rColor + "," + gColor + "," + bColor + ")";
        $('#container').css("background-color", newColor);
    });

});