const tr = document.createElement('tr');
    for (let col = 0; col < 5; col++) {
      const td = document.createElement('td');
      td.textContent = bingo[row][col];
    }
    tr.appendChild(td);
    document.querySelector('tbody').appendChild(tr);

1分25秒辺りのfor文について質問です。
tr.appendChild(td);をfor文の外に書いても問題無いと思い、上記のコードで試してみたのですが、何も表示されませんでした。
僕の考えではfor文でまず5つのtd要素とtd要素のtextContentをbingo[row][col]で取得できたと思います。
この段階では要素を生成しただけでまだ、画面には表示されないので、ここでtr.appendChild(td);を書いても問題無いと思いました。
どうして、tr.appendChild(td);をfor文の中で記述しないといけないのかについて教えて欲しいです。