JSFiddle - React, Tailwind, and code Playground

by Bharat Soni

HTML

Name: <input type="text" name="name" class="inp" placeholder="your name" />
<br/>
Email: <input type="text" name="email" class="inp" placeholder="[email protected]" />
<br/>
Another box: <input type="text" name="email" class="inp" placeholder="[email protected]" />

CSS

*{margin:0px;padding:0px;}
.inp{margin-left:15px;margin-top:15px;}
.first{background-color:#ff9999;}

JavaScript

$('.inp').blur(function(){
    //Regex verification function will run here
	if($(this).attr('class')==="inp"){
		$(this).addClass("first");
	}
});
function anotherfxn(){
    //I want to put all class change functionality in this function.
}