JSFiddle - React, Tailwind, and code Playground

HTML

<table onclick="setcolort('ted')">
            <tr>
                <td id="1" class="ted">11</td>
                <td id="2" class="ted">2</td>
                <td id="3" class="ted">3</td>
                <td id="4" class="ted">4</td>
                <td id="5" class="ted">5</td>
                <td id="6" class="ted">6</td>
                  <td id="7" class="ted">6</td>
            </tr>
        </table>

CSS

.ted{
    

}

JavaScript

function setcolort(classname){
    var row = document.getElementsByClassName(classname);
      for (i = 0; i < row.length; i += 1)
      {
          if (row[i].innerHTML>10)
          {
          row[i].style.backgroundColor = "#ff0000";
          }
      }
  }