JSFiddle - React, Tailwind, and code Playground

HTML

<script
  src="https://code.jquery.com/jquery-3.4.1.min.js"
  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
  crossorigin="anonymous"></script>
<table cellpadding="5" id="tbl">
	<thead>
		<tr>
			<th rowspan="2" style="text-align: center;background-color: #1e1e2d;color: #A2A3B7;">#</th>
			<th rowspan="2" style="text-align: center;background-color: #1e1e2d;color: #A2A3B7;">Name</th>
			<th rowspan="2" style="text-align: center;background-color: #1e1e2d;color: #A2A3B7;">Result</th>
			<th rowspan="2" style="text-align: center;background-color: #1e1e2d;color: #A2A3B7;">Condition</th>
			<th rowspan="2" style="text-align: center;background-color: #1e1e2d;color: #A2A3B7;">Resume</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>1</td>
			<td>Name A</td>

			<td><input type="number" name="result[]" id="result_1" class="form-control"></td>
			<td id="condition_1"></td>
			<td></td>
		</tr>
		<tr>
			<td>2</td>
			<td>Name B</td>
			<td><input type="number" name="result[]" id="result_2" class="form-control"></td>
			<td id="condition_2"></td>
			<td></td>
		</tr>
		<tr>
			<td>3</td>
			<td>Name C</td>
			<td><input type="number" name="result[]" id="result_3" class="form-control"></td>
			<td id="condition_3"></td>
			<td></td>
		</tr>
		<tr>
			<td>4</td>
			<td>Name D</td>
			<td><input type="number" name="result[]" id="result_4" class="form-control"></td>
			<td id="condition_4"></td>
			<td></td>
		</tr>
		<tr>
			<td>5</td>
			<td>Name E</td>
			<td><input type="number" name="result[]" id="result_5" class="form-control"></td>
			<td id="condition_5"></td>
			<td></td>
		</tr>
	</tbody>
</table>

JavaScript

var i;
for(i = 1;i < 6; i++) {
	$('#result_'+i).keyup(function(){
  		$('#condition_'+i).text($(this).val());
      console.log('condition_'+i);
  })
}