JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>info 1</td>
        <td class="tdStyle">Yes</td>
        <td class="tdStyle">No</td>
        <td class="tdStyle">No</td>
        <td class="tdStyle">Yes</td>
    </tr>
    <tr>
        <td>info 2</td>
        <td class="tdStyle">Yes</td>
        <td class="tdStyle">No</td>
        <td class="tdStyle">No</td>
        <td class="tdStyle">Yes</td>
    </tr>
    <tr>
        <td>info 3</td>
        <td class="tdStyle">Yes</td>
        <td class="tdStyle">Yes</td>
        <td class="tdStyle">No</td>
        <td class="tdStyle">No</td>
    </tr>
    <tr>
        <td>info 4</td>
        <td class="tdStyle">No</td>
        <td class="tdStyle">Yes</td>
        <td class="tdStyle">No</td>
        <td class="tdStyle">Yes</td>
    </tr>

JavaScript

var x = document.getElementsByTagName("TD")
var i=0; 
for (i=0;i<x.length;i++) 
{ 
  if (x[i].className=="tdStyle")
  {
    if (x[i].innerHTML=="Yes") 
    { 
      x[i].style.backgroundColor='LightCoral'; 
      x[i].style.Color='LightCoral'; 
      x[i].style.border='1px solid grey';
    } 
    if (x[i].innerHTML=="No") 
    { 
      x[i].style.backgroundColor='lightgreen'; 
      x[i].style.Color='lightgreen';
      x[i].style.border='1px solid grey';
    } 
  } 
}