JSFiddle - React, Tailwind, and code Playground

by basiclaser

HTML

<body>
    <form id="bg-form">
        <input id="inp" type="text" name="colour">
        <input id="change" type="submit" value="Change Colour">
        <div></div>
    </form>
</body>

CSS

div {
    height:200px;
    width:200px;
    background-color:silver;
}

JavaScript

$("div").css("background-color", $("#inp").val());

$(document).ready(function() {
    
    $('#change').click(function () {
        var colour = $('inp').val();
        $("div").css("background-color", colour);
    });

});