Olá!
Após atualizar o front para aparecer a opção de top 5 episódios, eu reparei que há algo estranho. Eu selecionava para aparecer todos as temporadas, mas ficava aparecendo somente o top 5:
Ao navegar pelo dev tools do Chrome, eu vi que estava sendo feito 2 requisições: de todas as temporadas e também do top 5:
Eu abri o serie.js para ver melhor sobre e vi esta linha:
// Adiciona ouvinte de evento para o elemento select
listaTemporadas.addEventListener('change', carregarEpisodios);
listaTemporadas.addEventListener('change', carregarTopEpisodios);
Parece que, sempre que há o evento de change no select de temporadas, ele faz as 2 requisições: para carregar episódios e os top 5. Então, eu ajustei para a seguinte forma:
function verificarClick() {
var valueOption = document.getElementById('temporadas-select').value;
if(valueOption == 'top') {
carregarTopEpisodios();
} else {
carregarEpisodios();
}
}
// Adiciona ouvinte de evento para o elemento select
listaTemporadas.addEventListener('change', verificarClick);
Ao clicar no select, pelo value, irá verificar qual é o tipo de solicitação. Se for top irá carregar o método correspondente e, não sendo, o método para carregar episódios. Sendo assim, ao invés de fazer as 2 requisições, é feita somente 1:
Parece que pegava todas as temporadas, mas, por ele fazer 2 requisições, era sobreposto pelos tops episódios, visto que era a 2ª requisição. Esse meu ajuste foi desnecessário? Há algo na minha máquina para causar isso?
