よろしくお願いいたします。

39行目の

const next = document.getElementById('next');

を

const next = document.querySelector('#next');

と書いても同じ動きをするのですが

querySelectorなら、classでもidでも使えるので
querySelectorだけを使っていっても問題ないでしょうか？