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)
                      var col1 = 0;
    col2 = 0;
    col3 = 0;
    col4 = 0;
    col5 = 0;
                  if(val<50) 
                  {
                     col1=val; 
                  }
                  else if(val<100) 
                  {
                     col2=val; 
                  }
                   else if(val<500) 
                  {
                     col3=val; 
                  }
                   else if(val<1000) 
                  {
                     col4=val; 
                  }
                   else if(val>1000) 
                  {
                    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);
                   }
                   );