Solucionado
Boa noite pessoal, vi que nesse projeto o professor não utilizou o método querySelector. Fiquei em dúvida do porquê e creio que cheguei a conclusão de por ser um projeto menor, e muito visual, onde inserimos os itens para serem mostrados em lista na tela, creio que getElementByID se encaixou melhor, mas ao pesquisar ainda mais me surgiu uma outra dúvida:
Afinal qual a diferença entre o Html collection e a node list? nesse projeto podemos visualizar alguma razão específica para isto?
Oi estudante, tudo bem?
Desculpe a demora em retornar.
O DOM (Document Object Model) contém inúmeros objetos, como window que representa uma janela do navegador, e documentque representa o conteúdo da página. E dentro desses objetos, podem conter listas de objetos, as NodeList.
De acordo com a documentação MDN objetos NodeList são coleções de nodos semelhantes aos objetos retornados pelos métodos Node.childNodes e document.querySelectorAll().
Em outras palavras, são coleções de objetos. Então, o DOM é formado de objetos, que podem conter NodeList de outros objetos.
Acessando a documentação linkada acima você consegue ver exemplos muito interessantes para entender melhor.
E quanto ao HTMLCollection, ele representa uma coleção genérica (objeto array) de elementos (na ordem em que aparecem no documento) e oferece métodos e propriedades para selecioná-los da lista.
Também indico a leitura da documentação MDN.
Em resumo, o HTMLColection é uma coleção de elementos HTML (div, p, a, img, etc...), e o NodeList é uma coleção de nós, como no caso do curso. E por isso é utilizado.
Um abraço e bons estudos.