Question

我有25个表格单元格和一个随机化值的数组。我想将每个值分配给表中的单元格。

我认为我的主要问题在于以下几行：

for (i = 0; i < tablecells.length; i++) { 
        tablecells.innerHTML = BingoSquares.pop();
    };

上述循环中的错误是什么？其余的代码如下所示，以防万一。

提前谢谢

var overlay = document.getElementById('loginoverlay');
var tablecells = document.getElementsByTagName('td');

BingoSquares=["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "1", "2", "3"];



function hideOverlay(){
    overlay.style.opacity = 0;
    setTimeout(function(){
        overlay.style.display = "none"; 
    }, 1000);
};

function newCard() {
    //shuffle array:
    BingoSquares.sort(function(){
        return Math.round(Math.random());
    });

    console.log(BingoSquares.pop());


    for (i = 0; i < tablecells.length; i++) { 
        tablecells.innerHTML = BingoSquares.pop();
    };

};

document.getElementById('newsubmit').onclick = function() {
    hideOverlay();
    newCard();
};

Answer 1

您需要使用tablecells[i]：

为数组中的元素编制索引

tablecells[i].innerHTML = BingoSquares.pop();

将数组中的元素分配给每个表格单元格

1 个答案: