JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <input type="text" id="t1"/>
    <input type="text" id="t2"/>
    <input type="text" id="t3"/>
    <input type="text" id="t4"/>
    <input type="text" id="t5"/>
</div>
<div>
    <input type="text" id="t6"/>
    <input type="text" id="t7"/>
    <input type="text" id="t8"/>
    <input type="text" id="t9"/>
    <input type="text" id="t10"/>
</div>
<div>
    <input type="text" id="t11"/>
    <input type="text" id="t12"/>
    <input type="text" id="t13"/>
    <input type="text" id="t14"/>
    <input type="text" id="t15"/>
</div>
<div>
    <input type="text" id="t16"/>
    <input type="text" id="t17"/>
    <input type="text" id="t18"/>
    <input type="text" id="t19"/>
    <input type="text" id="t20"/>
</div>
<div>
    <input type="text" id="t21"/>
    <input type="text" id="t22"/>
    <input type="text" id="t23"/>
    <input type="text" id="t24"/>
    <input type="text" id="t25"/>
</div>

CSS

input[type=text] {
    width: 75px;
}

JavaScript

var nums = [];
var calc = function(){
    for (i = 0; i < 25; i++){
        nums.push([i%5, (i/5)-((i%5)/5)]);
        document.getElementById('t' + (i+1)).value = nums[i][0] + ', ' + nums[i][1];
    }
};
calc();