JSFiddle - React, Tailwind, and code Playground

by Adhik Bagul

HTML

<input type="text" id="fname" onchange="myFunction()" placeholder="Enter you name" />

CSS

input{
  font-size: 15px;
  padding: 10px;
}

JavaScript

function myFunction() {
   var x = document.getElementById("fname");
   x.value = x.value.toUpperCase();
}