Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Problema ao refatorar o código, não carrega os atributos da página

Depois da modificação do código, as cores mudam sem problemas, porém o meu VS Code não está identificando o ${contexto} no código, portanto as imagens não aparecem.

Código:


const html = document.querySelector('html')
const focoBt = document.querySelector('.app__card-button--foco')
const curtoBt = document.querySelector('.app__card-button--curto')
const longoBt = document.querySelector('.app__card-button--longo')
const banner = document.querySelector('.app__image')


focoBt.addEventListener('click', () => {
    
    alterarContexto('foco')
})

curtoBt.addEventListener('click', ()=> {
    alterarContexto('descanso-curto')
})

longoBt.addEventListener('click', ()=> {
    alterarContexto('descanso-longo')
    
})

function alterarContexto() {
    html.setAttribute('data-contexto', contexto)
    banner.setAttribute('src',`/imagens/${contexto}.png`)
}
2 respostas
solução!

RESOLVIDO

Na função:

function alterarContexto() { html.setAttribute('data-contexto', contexto) banner.setAttribute('src',/imagens/${contexto}.png) }

faltou o parametro "contexto"

na aula correspondente o instrutor não passou isso.... dá até pra verificar no código da aula que não está lá, por isso nao funcionava, quando fui para a proxima aula é que vi o código.

Oi Felipe, tudo bem?

É ótimo ver que você está se envolvendo com programação e buscando soluções para os problemas que encontra. Muito obrigada por compartilhar com a gente a solução encontrada.

Um abraço e bons estudos.