1
resposta

minha duvida cominho relativo em js que refrente ao modulo 02 de javascript manipulando elementos no dom e na lição 04

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`)
}
1 resposta

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

Imagem da comunidade