JSFiddle - React, Tailwind, and code Playground
by Renish A R
HTML
<input type="text" class="quiztxtBox" /><span></span><br/><br/>
<input type="text" class="quiztxtBox" /><span></span><br/><br/>
<input type="text" class="quiztxtBox" /><span></span><br/><br/>
<input type="text" class="quiztxtBox" /><span></span><br/><br/>
JavaScript
$(".quiztxtBox").keyup(function(e){
$(".quiztxtBox").each(function()
{
if($(this).val()=="")
{
$(this).nextAll('span').html("Field needs filling");
$(this).css({"background-color":"#f6d9d4"});
}
else
{
$(this).nextAll('span').html("");
$(this).css({"background-color":"#fff"});
}
});
});