JSFiddle - React, Tailwind, and code Playground

by jquerybyexample

HTML

<script src="http://jquery-blog-js.googlecode.com/files/SetCase.js"></script>
<br/>
Upper Case:&nbsp;&nbsp;<input type="text" id="txtUpper" />
<br/><br/>
Lower Case:&nbsp;&nbsp;<input type="text" id="txtLower" />
<br/><br/>
Title Case:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" id="txtTitle" />
<br/><br/>
Pascal Case:&nbsp;&nbsp;<input type="text" id="txtPascal" />
<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'});
    $("#txtLower").Setcase({caseValue: 'lower'});
    $("#txtTitle").Setcase({caseValue: 'title'});
    $("#txtPascal").Setcase({caseValue: 'pascal'});
});