JSFiddle - React, Tailwind, and code Playground

HTML

<div id="c1"></div>
<div id="c2"></div>
<div id="c3"></div>
<div id="c4"></div>

JavaScript

var cell1 = document.getElementById('c1');
var cell2 = document.getElementById('c2');
var cell3 = document.getElementById('c3');
var cell4 = document.getElementById('c4');

var i = 1;
var j = 0;
var array1 = ['bla'];

cell1.innerHTML = "<b>" +  (i+1) + "</b>";
cell2.innerHTML = "<b>" + array1[j] + "</b>";
cell3.innerHTML = '<select id="hGls"><option selected="">-</option><option value="0">0</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option></select>';
cell4.innerHTML = '<select id="aGls"><option selected="">-</option><option value="0">0</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option></select>';