Olá, Thais.

Tudo bem?

Entendo que esteja sentindo dificuldades, é completamente normal, especialmente quando estamos aprendendo algo novo. A maturidade para identificar qual método usar vem com a prática e a experiência, então não se preocupe, você chegará lá!

No caso do switch, ele é uma estrutura de controle em JavaScript que serve para simplificar várias verificações if...else encadeadas. Por exemplo, na atividade que você está fazendo, poderia ser usado para verificar qual botão foi clicado ("Foco", "Descanso Curto" ou "Descanso Longo") e então executar uma ação específica para cada caso.

Aqui está um exemplo de como poderia ser:

function alterarContexto(contexto) {
  var titulo = document.querySelector('.app__title');
  
  switch (contexto) {
    case 'Foco':
      titulo.innerHTML = 'Foco';
      // aqui você pode adicionar o código para alterar as imagens e cores de fundo
      break;
    case 'Descanso Curto':
      titulo.innerHTML = 'Descanso Curto';
      // aqui você pode adicionar o código para alterar as imagens e cores de fundo
      break;
    case 'Descanso Longo':
      titulo.innerHTML = 'Descanso Longo';
      // aqui você pode adicionar o código para alterar as imagens e cores de fundo
      break;
  }
}

Nesse exemplo, a função alterarContexto recebe como parâmetro o contexto atual ('Foco', 'Descanso Curto' ou 'Descanso Longo'). O switch verifica qual é esse contexto e executa o código correspondente.

Lembre-se: a prática leva à perfeição! Continue praticando e em breve você terá mais facilidade para identificar qual método usar em cada situação.

Espero ter ajudado e bons estudos!