Eu fiquei com essa duvida ao longo do curso, ao criar uma função para separar a responsabilidade de criar um objeto li, a professora utiliza de funções do DOM e anteriormente esse mesmo objeto era criado com innerHTML que ja possuia todas as tags, classes e etc ja colocados.
Com isso veio essa duvida, não seria mais pratico, apenas mover esse innerHTML para a função responsavel? É má pratica utilizar o innerHTML dessa forma? Me pareceu apenas mais trabalhoso fazer esse processo pelo DOM, nesse caso em especifico.