JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="sample"/><button id="button">submit</button>
<table id="table" border="1">
    <tr>
        <td>less than 50</td>
         <td>less than 100</td>
         <td>less than 500</td>
         <td>less than 1000</td>
         <td>more than 1000</td>
    </tr>
    
</table>

JavaScript

$("#button").click(function()
                   {
                       var val=$("#sample").val();//alert(val)
                      if(val<50) 
                      {
                         var col1=val; 
                      }
                      else if(val<100) 
                      {
                         var col2=val; 
                      }
                       else if(val<500) 
                      {
                         var col3=val; 
                      }
                       else if(val<1000) 
                      {
                         var col4=val; 
                      }
                       else if(val>1000) 
                      {
                         var col5=val; 
                      }
                       var row='<tr>'+
									'<td><a href="#">'+col1+'</a></td>'+
									'<td><a href="#">'+col2+'</a></td>'+
									'<td><a href="#">'+col3+'</a></td>'+
									'<td><a href="#">'+col4+'</a></td>'+
									'<td><a href="#">'+col5+'</a></td>'
                       $("#table tr:last").after(row);
                       $("#table").each(function()
											{
										if ($(this).attr('href') == undefined) 
										{
											var href=$(this).attr('href');
											
										  $(href).text("");
										} 
												});
                   }
                   );