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 ✨