JSFiddle - React, Tailwind, and code Playground

by bizamajig

HTML

<body id="full">
    <form method="post" action="">
        <label for="bg">Background:</label> 
        <input type="color" class="theme" id="bg"/>
        (with jQuery)
    <hr />
        <label for="bg2">Background:</label> 
        <input type="color" class="theme" id="bg2" onchange="javascript:document.getElementById('full').style.backgroundColor=document.getElementById('bg2').value;"/>
        (with javascript)
    </form>
</body>

CSS

#full {
 background-color: #ffffff;
}

JavaScript

$(document).ready(function(){
     $("#bg").change(function(){
        $("#full").css("background-color",$("#bg").val());
    });
});