JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://rawgit.com/westonganger/input-case-enforcer/master/dist/input-case-enforcer.min.js"></script>
<h1>Testing input-case-enforcer</h1>

<div>
  <input id="input1" type='text' placeholder="Uppercase input" />
</div>

<div>
  <input id="input2" type='text' placeholder="Lowercase input" />
</div>

<div>
  <textarea id="input3" placeholder="Capitalized textarea"></textarea>
</div>

<div>
  <input id="input4" type='text' placeholder="Uppercase was Removed" />
</div>

CSS

body {
  padding: 20px 40px;
}
input, textarea{
  width:400px;
}
div{
  margin:20px;
}

JavaScript

$(function(){
  $('#input1').caseEnforcer('uppercase');

  $('#input2').caseEnforcer('lowercase');

  $('#input3').caseEnforcer('capitalize');

  $('#input4').caseEnforcer('uppercase').caseEnforcer('destroy');
});