palette logic

by basiclaser

HTML

<body>
    <div id="1">
        <form>
            <input class="inp" type="input" value="enter RGB/HEX value">
            <input type="submit" value="copy">
            <button type="button">undo</button>
        </form>
   1 </div>
    <div id="2">
        <form>
            <input class="inp" type="input" value="enter RGB/HEX value">
            <input type="submit" value="copy">
            <button type="button">undo</button>
        </form>
   2 </div>
    <div id="3">
        <form>
            <input class="inp" type="input" value="enter RGB/HEX value">
            <input type="submit" value="copy">
            <button type="button">undo</button>
        </form>
   3</div>
    
</body>

CSS

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

JavaScript

$('form').on("input", function(event) {
    event.preventDefault();
    $(this).parent().css("background-color", $(this).children("input").val());
});