JSFiddle - React, Tailwind, and code Playground

by cburriss

HTML

<input type="text" id="test">

JavaScript

$(document).ready(function() {

    $('#test').keyup(function (e) {
        
        var originalValue = $(this).val();
        var valueAsTitleCase = ConvertToTitleCase(originalValue);
        
        if (originalValue != valueAsTitleCase)
            $(this).val(valueAsTitleCase);
    });
})

function ConvertToTitleCase(str)
{
    return str.replace(/\w\S*/g, function(txt){return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();});
}