JSFiddle - React, Tailwind, and code Playground

by rkophs

HTML

<body>
    <form>
        <input />
    </form>
    <div id="results"></div>
</body>
<script src="http://openfire-websockets.googlecode.com/svn-history/r7/trunk/plugin/ofchat/js/background/jquery.md5.js" ></script>

JavaScript

function getRGB(str){
    var hash = $.md5(str);
    var rgb = '#' + hash.substring(0,2) + hash.substring(2,4) + hash.substring(4,6);
    return rgb;
}

$("form").submit(function (e) {
    var str = $("form input").val();
    var hash = getRGB(str);
    
    $("#results").append("<div><div style='background-color:" 
                         + hash + "; width: 20px; height:20px; float:left; margin:5px;'></div><p> " + str + " </p></div>")
    e.preventDefault();
});