Как динамически создавать метки и текстовые поля

Question

Предполагается, что текстовые поля создаются динамически для x количества курсов, которые вводит пользователь. На каждом курсе пользователь должен поставить «Название курса и Марк получен». Допустим, в этом семестре пользователь проходит 3 курса. Мне нужно сделать так, чтобы в каждом из двух текстовых полей было 6 текстовых полей с заголовком курса и пометкой «Получено». Я не уверен, как это сделать

Answer 1

<table id="textbox">
    <tr>
        <td>
            <input type="button" onclick="addFunction()" value="Add"/>
        </td>
    </tr>
</table>
<script>
function addFunction() {
        var table = document.getElementById("textbox");
        var rowlen = table.rows.length;
        var row = table.insertRow(rowlen);
        row.id=rowlen;
        var arr = [ 'textboxfiledname' ]
        for (i = 0; i < 2; i++) {
            var x = row.insertCell(i)
            if (i == 1) {
                x.innerHTML = "<input type='button' onclick='removeCell(" + row.id+ ")' value=Delete>"
            } else {
                x.innerHTML = "<label>"+arr[i]+"</label><input type='textbox' name='"+arr[i]+"'>"
            }
        }
    }
    function removeCell(rowid) {
        var table = document.getElementById(rowid).remove();
    }
</script>