for(let i=0; let<10; i++){
  const div = document.createElemetnt('div');
  div.classList.add('box');

  div.addEventListener('click', function(){
    div.classList.toggle('circle')
  });

  document.body.appendChild('div');
}

この時、const div をvar divにすると最後のオブジェクトしかCSSが効きませんでした。
なぜか教えていただきたいです。