JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test"></div>
<!--
<table class='input'>
    <tr><td class='_ _0'>0</td><td class='_ _0'>0</td></tr>
    <tr><td class='_ _0'>0</td><td class='_ _0'>0</td></tr>
    <tr><td class='_ _0'>0</td><td class='_ _0'>0</td></tr>
    <tr><td class='_ _0'>0</td><td class='_ _0'>0</td></tr>
    <tr><td class='_ _0'>0</td><td class='_ _0'>0</td></tr>
    <tr><td class='_ _0'>0</td><td class='_ _0'>0</td></tr>
    <tr><td class='_ _0'>0</td><td class='_ _0'>0</td></tr>
    <tr><td class='_ _0'>0</td><td class='_ _0'>0</td></tr>
    <tr><td class='_ _0'>0</td><td class='_ _0'>0</td></tr>
    <tr><td class='_ _0'>0</td><td class='_ _0'>0</td></tr>
</table>-->

CSS

table {width:100%;border:0px;border-spacing:0;}
table td {text-align:center; width:50%;}
._0 {background-color:black;color:white;}
._1 {background-color:red;color:white;}
._2 {background-color:cyan;color:white;}
._3 {background-color:yellow;color:white;}
._4 {background-color:magenta;color:white;}
._5 {background-color:green;color:white;}
._6 {background-color:purple;color:white;}
._7 {background-color:blue;color:white;}
._8 {background-color:white;color:white;}
._9 {background-color:satin;color:white;}

JavaScript

var i = 0;
var pi =...