JSFiddle - React, Tailwind, and code Playground

HTML

<table id="mytableid">
  <tbody>
    <tr>
      <td>cell 1-1</td>
      <td>cell 1-2</td>
      <td>cell 1-3</td>
      <td>cell 1-4</td>
      <td>cell 1-5</td>
      <td>cell 1-6</td>
      <td>cell 1-7</td>
      <td>cell 1-8</td>
      <td>cell 1-9</td>
      <td>cell 1-10</td>
      <td>cell 1-11</td>
      <td>cell 1-12</td>
    </tr>
    <tr>
      <td>cell 2-1</td>
      <td>cell 2-2</td>
      <td>cell 2-3</td>
      <td>cell 2-4</td>
      <td>cell 2-5</td>
      <td>cell 2-6</td>
      <td>cell 2-7</td>
      <td>cell 2-8</td>
      <td>cell 2-9</td>
      <td>cell 2-10</td>
      <td>cell 2-11</td>
      <td>cell 2-12</td>
    </tr>
  </tbody>

</table>

JavaScript

function getCellValue(infoId)
{
    let myTable = document.getElementById("mytableid")
    let rows = myTable.querySelectorAll("tbody tr");
    let trRows = myTable.getElementsByTagName('tr');
    for (var i = 0; i < rows.length; i++)
    {
        let id = rows[i].cells[0].innerHTML;
        // La cellule 0 contient l'ID
        if (id == infoId) // Je compare l'ID cliqué avec celui que je suis en train de parcourir dans la boucle for
        {
            console.log("comment: " + rows[i].cells[11].innerHTML);
        }
    }
}
getCellValue("cell 2-1")