ページ読み込みの最後にfor文が実行され、

document.body.appendChild(div);

こちらでdiv要素が形成されることで、
画面上にブロックが表示されていると思っています。

画面表示後にブロックをクリックした際に
以下の処理が実行されると思うのですが、

div.addEventListener('click', () => {
          if (i === winner) {
            div.textContent = 'Win!';
            div.classList.add('win');
          } else {
            div.textContent = 'Lose!';
            div.classList.add('lose');
          }
        });

この時にクリックしたdiv要素が〇〇番(変数i)である、という情報はどこに保持されているのでしょうか。