o professor digitou dessa forma function alterarContexto(contexto){ html.setAttribute('data-contexto', contexto) banner.setAttribute('src',/imagens/${contexto}.png) }
porem comigo isso não funionou, por isso fiz da siguinte maneira.
function alterarContexto(contexto){
html.setAttribute('data-contexto', contexto)
banner.setAttribute('src', `./imagens/${contexto}.png`)
}
Olá Tom!
Quando você usa /imagens/${contexto}.png, está indicando um caminho absoluto a partir da raiz do servidor. Isso significa que o navegador vai procurar a pasta "imagens" na raiz do seu servidor web. Se a estrutura do seu projeto não estiver configurada para servir arquivos dessa maneira, pode ser que ele não encontre a imagem.
Por outro lado, quando você utiliza ./imagens/${contexto}.png, está indicando um caminho relativo ao diretório atual do arquivo HTML que está chamando o script. Isso geralmente é mais seguro quando você está trabalhando localmente ou em um ambiente onde a estrutura de diretórios não está claramente definida a partir da raiz.
Se o seu projeto está estruturado de forma que a pasta "imagens" está no mesmo nível que o arquivo HTML ou dentro de um caminho acessível a partir do diretório atual, o uso de ./ pode ser mais apropriado.
De toda forma parabéns por encontrar outra solução, continue praticando e explorando cada vez mais!
Espero ter ajudado! Bons estudos!
Sucesso ✨