function filtrarLivros() {
const elementoBtn = document.getElementById(this.id);
const categoria = elementoBtn.value;
//debugger
let livrosFiltrados = categoria == 'disponivel' ?
livros.filter(livro => livro.categoria == categoria) :
livros.filter(livro => livro.quantidade > 0);
exibirOsLivrosNaTela(livrosFiltrados);
};
Dessa forma, primeiro ele verifica as categorias que existem, depois ele confere se eles possuem a quantidade acima de 0. Outra forma seria colocar o value no HTML como 'disponivel'. Cara... essa aula não foi muito boa. Encontrei uma solução por conta propria que demorou demais pra fazer sentido na minha cabeça... e eu nem tenho certeza se está correta de verdade. Tive de aprender a usar o debbuger pra ter mais clareza sobre como o operador ternário funciona no JavaScript. Entendo que muitas vezes é melhor se esforçar e aprender na marra, por conta propria... mas hoje não tive um dia legal, deve ser por isso que fiquei chateado com essa aula.
