JSFiddle - React, Tailwind, and code Playground

by VIvekJain202

HTML

<!DOCTYPE html>
<html>
<body>

<table cellspacing="0" rules="all" border="1" style="border-collapse:collapse;">
			<tr><th>Name</th><th>SOP ABC</th></tr>
      
      <tr><td>Mary Coppen</td><td>Green10/5/18</td></tr>
      <tr><td>Arlana Mycroft</td><td>Green12/6/18</td></tr>
      <tr><td>Bob Litchfield</td><td>Yellow05/09/18</td></tr>
		</table>
</html>

JavaScript

var tds = document.getElementsByTagName('td');
    var Gimg = "<img src='/Content/StatusOK_16x.gif' />";
    var Yimg = "<img src='/Content/StatusWarning_12x_16x.gif' />";
	for (var i = 0; i<tds.length; i++) {
    
		if (tds[i].innerHTML.includes('Green')) {
     			tds[i].innerHTML =tds[i].innerHTML.replace(/Green/gi, Gimg)
     		}
    if (tds[i].innerHTML.includes('Yellow')) {
            tds[i].innerHTML = tds[i].innerHTML.replace(/Yellow/gi, Yimg)
        }    
        
   	}