Boa noite! caso tivesse inserido o método onClick teria o mesmo funcionamento?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Boa noite! caso tivesse inserido o método onClick teria o mesmo funcionamento?
Oi, Cristiano, tudo bem?
Sim, o mesmo resultado serial alcançado usando o onClick. A diferença é apenas na forma de adicionar o evento ao botão.
// No arquivo HTML
<button onClick="filtrarLivrosDeFront()">Livros de front-end</button>
// No arquivo JavaScript
function filtrarLivrosDeFront() {
const livrosFiltrados = livros.filter(livro => livro.categoria === 'front-end');
console.table(livrosFiltrados);
}
Dessa forma, ao clicar no botão, a função filtrarLivrosDeFront() seria chamada diretamente, executando o mesmo processo de filtrar os livros de front-end e exibi-los no console. Contudo, é mais interessante manter os eventos dinâmicos como clique do botão no arquivo JavaScript, pois ele é o responsável pela dinamicidade da página.
Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!