Javascript 如何动态创建标签和文本框

我假设为用户输入的x个课程量动态创建文本框。每个课程，用户都必须输入课程标题，并标记Received。假设用户这学期要上3门课。我需要这样做，有6个文本框的标题，当然标题，和马克收到每两个文本框。我不知道怎么做

发布的问题似乎根本不包括解决问题的方法。StackOverflow希望您能这样做，因为您的尝试有助于我们更好地了解您的需求。请编辑问题以显示您已尝试的内容，以便说明您遇到的具体障碍。有关更多信息，请参阅并使用。

<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>