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

[Dúvida] As imagens não estão trocando

Oi, pessoal. Não consigo enxergar nenhum erro no meu código.

esse é o meu script.js focoBt.addEventListener("click", () => { html.setAttribute("data-contexto", "foco"); banner.setAttribute("src", "/imagens/foco.png"); });

curtoBt.addEventListener("click", () => { html.setAttribute("data-contexto", "descanso-curto"); banner.setAttribute("src", "/imagens/descanso-curto.png"); });

longoBt.addEventListener("click", () => { html.setAttribute("data-contexto", "descanso-longo"); banner.setAttribute("src", "/imagens/descanso-longo.png"); });

Esse é o erro do console: TypeError: Cannot read properties of null (reading 'setAttribute') at HTMLButtonElement.

O que posso fazer?

Obrigada!

2 respostas
solução!

Já encontrei o meu erro! No const banner = document.querySelector(".app__image"); havia apenas um underline no nome da classe e não dois!

Oii Maria. Tudo bem?

Que bom que conseguiu resolver. Irei finalizar o seu post.

Um abraço.