JSFiddle - React, Tailwind, and code Playground

by jquerybyexample

HTML

<script src="https://jquery-blog-js.googlecode.com/files/SetCase.js"></script>
<br/>Upper Case:&nbsp;&nbsp;
<input type="text" id="txtUpper" /> (changes on focus out)
<br/>
<br/>Lower Case:&nbsp;&nbsp;
<input type="text" id="txtLower" /> (changes as you type)
<br/>
<br/>Title Case:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" id="txtTitle" /> (changes as you type)
<br/>
<br/>Pascal Case:&nbsp;&nbsp;
<input type="text" id="txtPascal" /> (changes on focus out)
<br/>

CSS

body {
    font-family:Tahoma;
    font-size : 8pt;
    padding:10px;
}
input {
    font-family:Tahoma;
    font-size : 8pt;
    width:200px;
}

JavaScript

$(function () {
    $("#txtUpper").Setcase({
        caseValue: 'upper',
        changeonFocusout: true
    });
    $("#txtLower").Setcase({
        caseValue: 'lower'
    });
    $("#txtTitle").Setcase({
        caseValue: 'title'
    });
    $("#txtPascal").Setcase({
        caseValue: 'pascal',
        changeonFocusout: true
    });
});