JSFiddle - React, Tailwind, and code Playground

by Manjula Dhamodharan

HTML

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<input class="ui-inputtext " />
<input class="ui-inputtext"/>
<input class="ui-inputtext"  />

CSS

.point{
   background:skyblue;
}
.pointRead{
   background:Yellow;
}

JavaScript

function inputCheck(){
alert("In");
//var readOnly = $('input').attr('readonly');
if (($('input').hasClass('ui-state-disabled')) || 		            ($('input[readonly]')) ){
alert("ReadIn");
	$('.ui-inputtext.ui-state-disabled').addClass('point');
  	$('input[readonly="true"]').addClass('point');
	return false;
}else{
	alert("In");
  	$('input').addClass('pointRead');
}
};
inputCheck();