JSFiddle - React, Tailwind, and code Playground

HTML

<div id="ccMatrix">        </div>

JavaScript

$( document ).ready(function(){

    var ccmatrix = $("#ccMatrix");
    var form = $("<form/>", {action: '#',method: '#'}); 
    var counter = 0;        
        for(i=0; i<3; i++)
        {
            if(i===0) clr = '#ff11aa';
            if(i===1) clr = '#aaff11';
            if(i===2) clr = '#11aaff';
            
            for(j=0; j<3; j++)
            {  
            
/*           		if(j===0 && i===1){
pos = 'absolute';
var	params = 'top:'+8+', left:'+70 + ', position:'+pos+ ', background-color:'+clr ;
*/
							}
            
                $(ccmatrix).append($("<input/>", {
                    type: 'text',
                    id: 'result',
                    name: 'u_i',
                    size: '1px',
                    value: counter++,
                    style: 'background-color:'+clr
                    })).append('<br>');
      
            }
        $(ccmatrix).append('<br>');    
        }        
});