JSFiddle - React, Tailwind, and code Playground

HTML

<table id="ma_table">
  <tr onclick="onclique">
    <td>Ligne 1, cellule 1</td>
    <td>Ligne 1, cellule 2</td>
    <td>Ligne 1, cellule 3</td>
  </tr>
  <tr>
    <td>Ligne 2, cellule 1</td>
    <td>Ligne 2, cellule 2</td>
    <td>Ligne 2, cellule 3</td>
  </tr>
</table>

CSS

#ma_table td {
    border: 1px solid black;
}

JavaScript

// Permet de créer un événement
var onclique = function onclique(){
var bindEvent    = function bindEvent( element, type, eventHandler ) {
  if ( element.addEventListener ) {
    element.addEventListener( type, eventHandler, false );
  } else if ( element.attachEvent ) {
    element.attachEvent( "on" + type, eventHandler );    
  }
};

// Liste des cellules du tableau 'ma_table'
var arrTds       =  document.getElementById('ma_table').getElementsByTagName('td');

// Données internes pour la boucle
var i            =  0;
var len          =  arrTds.length;

// La fonction à exécuter au clique sur l'une des cellules
var updateLigne  =  function updateLigne(){
  console.log(this.innerHTML); // affiche le contenu de la cellule
};

// On attache la fonction pour chaque cellule
for (; i<len; i++){
  bindEvent(arrTds[i], 'click', updateLigne);
}}