JSFiddle - React, Tailwind, and code Playground

HTML

<table id="myTable"></table>

JavaScript

for(var i =0; i<5;i++){
    var r = createRowElement();
    document.getElementById("myTable").appendChild(r);
    var r2 = createRawRowElementViaInnnerHTML();
    document.getElementById("myTable").appendChild(r2);
}

function createRawRowElementViaInnnerHTML(){
    var row = document.createElement("tr");
    row.innerHTML = '<td>'+createDropDownHTML()+'</td>'+
    '<td>'+createTxtAreaDownHTML()+'</td>';
    return row;
}
function createRowElement(){
    var row = document.createElement("tr");
    var td1 = document.createElement("td");
    td1.innerHTML="Col 1 innerHTML -- should be overwritten";
    td1.innerHMTL=createDropDownHTML();
    var td2 = document.createElement("td");
    td2.innerHTML="Col 2 innerHTML -- should be overwritten";
    td2.innerHMTL=createTxtAreaDownHTML();
    row.appendChild(td1);
    row.appendChild(td2);
    return row;
}
function createDropDownHTML(){
    return '<select><option>1</option><option>2</option><option>3</option></select>';
}
function createTxtAreaDownHTML(){
    return '<textarea></textarea>';
}