JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>

    <input type="text">
    
    
<script>
$('input').keyup(function(){
  this.value = this.value.replace(/([\wöçşğüıi])/gi;, 
		function(a, b){return b.replace("I","ı").toLowerCase()}).replace(/(^[a-zöçşğüı]|[\s][a-zöçşğüı])/g,
		function(c, d){return d.replace("i","İ").toUpperCase()})
});
    </script>


</body>
</html>