在Tablerow Javascript中添加新列

我想询问用户给定表格的x和y坐标。然后用输入填充选定的单元格。现在我想添加一个功能，如果给定的x/y坐标超过给定的表，它将在底部创建一个新行和列。我设法使insert a row函数工作，但如何将列添加到此行

  <script>
      window.addEventListener("load", function() {

let button = document.getElementById("mybutton");
button.addEventListener("click", function() {
    let xObj = document.getElementById("field_x");
    let yObj = document.getElementById("field_y");
    let textObj = document.getElementById("text");

    let x = xObj.value;
    let y = yObj.value;
    let text = textObj.value;
    let fillxy = String(x+y);
    console.log(y);
    var table = document.getElementById("gametable");
    var xcounter = x;
    var ycounter = y;
    for (let i = 4; i < xcounter; i += 1) {
        let row = document.createElement('tr');
        let newrow = gametable.appendChild(row);
        for (let j = 0; j < y; j+= 1) {
            let cell = document.createElement('td');

        }

    }

    let tabletofill = document.getElementById(fillxy);
    tabletofill.innerText = [text];

    tabletofill.addEventListener("click", function(){
        if(tabletofill.innerText != "") {
            tabletofill.innerText = "";
        }
    })

});

addEventListener（“加载”，函数（）{
let button=document.getElementById（“mybutton”）；
addEventListener（“单击”，函数（）{
设xObj=document.getElementById（“field_x”）；
设yObj=document.getElementById（“field_y”）；
设textObj=document.getElementById（“text”）；
设x=xObj.value；
设y=yObj.value；
设text=textObj.value；
设fillxy=String（x+y）；
控制台日志（y）；
var table=document.getElementById（“游戏表”）；
var xcounter=x；
var ycounter=y；
对于（设i=4；i

}))；

---

您必须在每行的相同位置添加一个单元格：

JS:

function addColumn(colIndex) {

    var table = document.getElementById("table");
    var rows = table.rows;

    for (var i = 0; i < rows.length; i++) {

        var cellsNumber = rows[i].cells.length;
        if (colIndex <= cellsNumber) {
            rows[i].insertCell(colIndex);
        }
        else {
            console.log('Error : index out of range');
            break;
        }
    }
}

函数addColumn（colIndex）{
var table=document.getElementById（“表格”）；
var rows=table.rows；
对于（变量i=0；iif（colIndex）到目前为止你尝试了什么？你需要显示你有哪些代码在工作，哪些代码不在工作，并描述任何错误，等等。添加新行可以工作，但我如何处理新行并添加列？如果我做gametable.appendChild（单元格），它将添加一个新单元格，但不在新行中