[Dúvida] imagem nao aparece

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', () => { html.setAttribute('data-contexto', 'foco'); banner.setAttribute ('src', '/imagens/foco.png') });

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

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

});