Fiquei um tempão revisando meu código e comparando com o da professora para achar o problema, e não encontrava nada. Também não entendia o que marcava no console:
Depois vi um comentário de um moço aqui no fórum falando que só funcionava com o live server, mas a professora não comentou nada. Estou postando aqui só para caso alguém esteja tendo o mesmo problema que eu, pois demorei para descobrir kkkk
Olá!
Entendo sua frustração ao passar tanto tempo revisando seu código e comparando-o com o da professora, sem encontrar nenhum problema aparente. Sinto muito.
No entanto, gostaria de abordar o ponto que você mencionou sobre o código funcionar apenas com o Live Server. É importante lembrar que o JavaScript em um arquivo HTML é executado pelo navegador. O Live Server é uma extensão para o Visual Studio Code que cria um servidor local para hospedar seu projeto e atualizar automaticamente a página quando você faz alterações no código.
Em um servidor local, como o Live Server, o JavaScript pode ser executado sem problemas. No entanto, ao abrir o arquivo HTML diretamente em um navegador, algumas funcionalidades podem não funcionar corretamente devido às restrições de segurança do navegador.
Portanto, é recomendável utilizar um servidor local durante o desenvolvimento do seu projeto, como o Live Server, para garantir o correto funcionamento do JavaScript. Se você estiver enfrentando problemas ao executar seu código sem um servidor local, sugiro experimentar o Live Server ou outra ferramenta semelhante para ver se resolve o problema.
Agradeço sua contribuição ao trazer essa questão para o fórum e compartilhar sua experiência com os outros membros. É realmente admirável ver o seu espírito colaborativo e como você se preocupa em ajudar os demais.
Reforço que em caso de qualquer dúvida, me coloco à disposição! Bons estudos!
Sucesso
Um grande abraço e até mais!