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

$(document).ready(function(){
    var i;
    for(i = 1; i < 6; i++){
      $('#result_'+i).keyup(function(){        
        	$(this).parent().next()[0].innerText = $(this).val();
      })
    }
  })