JSFiddle - React, Tailwind, and code Playground

HTML

<table id="table">
<tr>
  <td><input value="1"/></td>
  <td><input value="2"/></td>
  <td><input value="3"/></td>
  <td><input value="4"/></td>
</tr>
<tr>
  <td><input value="5"/></td>
  <td><input value="6"/></td>
  <td><input value="7"/></td>
  <td><input value="8"/></td>
</tr>
<tr>
  <td><input value="9"/></td>
  <td><input value="10"/></td>
  <td><input value="11"/></td>
  <td><input value="12"/></td>
</tr>


</table>

JavaScript

console.log(document.querySelector('#table tr:nth-child(2) td:nth-child(4) input').value);