今更ながらの質問で恐縮です。

   const main = document.querySelector('main');
   main.appendChild(section);

と main を作ってから、section を追加している部分についての質問です。

上記の代わりに、

  document.querySelector('main').appendChild(section);

と書いてしまったら、同じように表示されたのですが、const main を宣言して代入する場合と、代入せずに、直接、 document.querySelector('main').appendChild(section); と１行で済ませる場合と、何か問題があるのでしょうか？