Olá, Ronald!
Pelo que entendi, você está com dificuldades em exibir as imagens corretamente no seu projeto JavaScript, seguindo o código apresentado pelo professor. Você mencionou que precisou adicionar um ponto na frente do caminho das imagens tanto no HTML quanto no JavaScript para que elas aparecessem na página.
Essa diferença pode estar relacionada ao uso do Live Server no VS Code. O Live Server é uma extensão que cria um servidor local para exibir o projeto no navegador. Quando você utiliza o Live Server, o caminho das imagens é relativo ao diretório raiz do projeto, por isso você não precisa adicionar o ponto na frente do caminho.
No entanto, se você estiver visualizando o arquivo HTML diretamente no navegador, o caminho das imagens deve ser relativo ao local onde o arquivo HTML está localizado. Por isso, é necessário adicionar o ponto na frente do caminho para que as imagens sejam encontradas corretamente.
Por exemplo, se o arquivo HTML está na raiz do projeto e a pasta "imagens" também está na raiz, o caminho para a imagem seria "./imagens/nome-da-imagem.png". O ponto na frente do caminho indica que a pasta "imagens" está no mesmo diretório do arquivo HTML.
É importante verificar se a estrutura de pastas do seu projeto está correta e se as imagens estão realmente na pasta correta. Além disso, é sempre uma boa prática utilizar caminhos relativos ao invés de caminhos absolutos, pois isso torna o projeto mais portável.
Espero ter ajudado! Se tiver mais alguma dúvida, é só me dizer. Bons estudos!
