JSFiddle - React, Tailwind, and code Playground

by Felipe Kautzmann

HTML

<table id="mytable">
  <td class="PercentMem">100%</td>
  <td class="PercentMem">50.89%</td>
  <td class="PercentMem">50%</td>
</table>

CSS

.red {
  background-color: red;  
}

.green {
  background-color: #33cc33;
}

JavaScript

const myCells = document.querySelectorAll('.PercentMem');

myCells.forEach(cell => {
	let cellValue = cell.textContent.replace(/[^A-Za-z0-9.\-]/, '').split('.');
  
  if (Array.isArray(cellValue)) {
		cellValue = cellValue[0];
  }
		
  if (parseInt(cellValue) >= 100) {
		cell.classList.toggle("red");
  } else {
    cell.classList.toggle("green");
  }
})