Ola, Segue minha resolução da lista de exercicios. Tenho uma duvida na questão do botão de começar, eu coloquei o id não a class, está correto ou melhor usar a class?? E quando é melhor usar id e quando é melhor usar a class??
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 stratBt = document.querySelector('#start-pause')
focoBt.addEventListener('click',() => {
html.setAttribute('data-contexto','foco');
})
curtoBt.addEventListener('click',() => {
html.setAttribute('data-contexto','descanso-curto');
})
longoBt.addEventListener('click',() => {
html.setAttribute('data-contexto','descanso-longo');
})
console.log(html);
const temporizador = document.querySelector('#timer');
console.log(temporizador);
const imagem = document.querySelector('.app__image');
console.log(imagem);
const titulo = document.querySelector('.app__title');
console.log(titulo);
const tempoFocoBt = 1500
const tempoCurtoBt = 300
const tempoLongoBt = 900
