コードの記述順序として、

1. 始めにappendChildで<div>をbody内に生成し、
2. 生成した<div>にclass='box'を与え、
3. clickしたらclasslistのcircleを適用する

といった構成の方が自然かと思いますが、

動画のようにappendChildのような生成の指定を最後に書く理由はありますか。
一応上の順序でも問題なく動作はできるようですが。