JSFiddle - React, Tailwind, and code Playground

by zono

HTML

<input type="text" id="inputString"/>
<input type="button" value="Convert string" id="convertInputString"/>
<div id="resultHolder">
    
</div>

JavaScript

$("#convertInputString").click(function() {
    var stringHexNumber = function (inputString) {
    var stringHexNumber = (
        parseInt(
            parseInt(inputString, 36)
                .toExponential()
                .slice(2, -5)
            , 10) & 0xFFFFFF
        ).toString(16).toUpperCase();

    return '#' + ('000000' + stringHexNumber).slice(-6);
    };    
    
    var resultHolder = $("#resultHolder");
        resultHolder.empty();
    var inputStrint = $("#inputString").val();
    $("<span/>", {
        text: inputStrint
    }).css("background-color", stringHexNumber(inputStrint))
    .appendTo(resultHolder);
});