Boa noite! caso tivesse inserido o método onClick teria o mesmo funcionamento?
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!