JSFiddle - React, Tailwind, and code Playground

HTML

<form action="#">
<input type="text" id="test">
<input type="text" id="lol1">
<input type="text" id="lol2">
<input type="text" id="lol3">
<input type="submit">
</form>

JavaScript

$(document).ready(function(){
												
											$("#test").change(function(){
												var val = $("#test").val();
												if (val <= 100){
													
												$("#lol1").prop('required',true);
												$("#lol2").prop('required',false);
												$("#lol3").prop('required',false);
													
													
												}else if (val > 100 && val <=150){
                        
												$("#lol1").prop('required',true);
												$("#lol2").prop('required',true);
												$("#lol3").prop('required',false);
												}else if (val > 150 && val <=200){
                        
												$("#lol1").prop('required',true);
												$("#lol2").prop('required',true);
												$("#lol3").prop('required',true);
												}else if (val ==""){
                        
												$("#lol1").prop('required',false);
												$("#lol2").prop('required',false);
												$("#lol3").prop('required',false);
												}
											});
										});