JSFiddle - React, Tailwind, and code Playground

by Pranav C

HTML

<div>
    Name:<input type="text" name="text" class="text" />
    <div class="colors"></div>
</div>

JavaScript

$(document).ready(function(){
    $('.text').keyup(function(){
        var output="";
         //Stolen from Derek's answer ;)
        var letters = $(this).val().split("");
        letters.forEach(function(letter){
            var color = "#"+(Math.random()*16777215|0).toString(16);
            output += '<span style="color: ' + color + ';">' + letter + '</span>';
          $('div.colors').html(output);
        });
    });
});