JSFiddle - React, Tailwind, and code Playground

HTML

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Лабораторка 8</title><style type="text/css"> 
body { 
    margin:30px; 
} 
td { 
    text-align:center; 
    padding:3px; 
}</style></head> 
 
<body> 
    <table cellpadding="0" cellspacing="0"> 
    <script type="text/javascript"> 
       document.write("<tr><td> </td>"); 
       for (j = 1; j < 10; j++) document.write("<td>"+j+" </td>"); 
       document.write("</tr>"); 
       for (j = 1; j < 10; j++) 
       { 
          document.write("<tr><td>" + j + " </td>"); 
          for (i = 1; i < 10; i++) 
          { 
              
            color = Math.round(255.0*Math.random()); 
               r = color.toString(16); 
            color = Math.round(255.0*Math.random()); 
               g = color.toString(16); 
            color = Math.round(255.0*Math.random()); 
               b = color.toString(16); 
            color = r + g + b; 
            if (j==1 && i==2){ 
                document.write("<td bgcolor='#"+color+"'>" + color + " </td>");  
            i=2; 
                 
                 
            }  
             
            else { 
                document.write("<td  bgcolor='#"+color+"'>" + color + " </td>"); 
             
            } 
              
           } 
            document.write("</tr>"); 
       } 
    </script></table></body></html>