Assisti o curo de página web dinâmicas e para ativar uma interação se usava "onclick", mas nestes curso é usado apenas "click". Decici então fazer um teste usando os dois e não vi diferença alguma. Alguém poderia me explicar as vantagens e desvantagens de usar um ou outro?
Olá, Douglas! Você fez uma ótima observação. A diferença entre "onclick" e "click" está no contexto em que são usados.
"Onclick" é um atributo HTML que você pode adicionar diretamente em uma tag HTML para definir o que deve acontecer quando um evento de clique ocorre nesse elemento. Por exemplo:
<button onclick="minhaFuncao()">Clique aqui</button>
Neste caso, quando você clicar no botão, a função "minhaFuncao()" será executada.
Por outro lado, "click" é um tipo de evento que você pode ouvir usando JavaScript. Você geralmente o usaria em combinação com addEventListener, como no exemplo do curso:
meuBotao.addEventListener('click', minhaFuncao);
Neste caso, a função "minhaFuncao()" será executada quando o botão for clicado.
Quanto às vantagens e desvantagens, "onclick" é mais fácil de usar se você estiver apenas começando com JavaScript, pois você pode definir tudo diretamente no seu HTML. No entanto, usar addEventListener para o clique é mais útil no JavaScript. Com isso, dá para adicionar vários "ouvintes" de eventos a uma coisa só, como um botão. E ainda, é possível mudar esses "ouvintes" facilmente usando JavaScript. Além disso, dá para fazer mais do que apenas clicar, tipo perceber quando o mouse se move sobre o botão (usando "mousemove") ou quando apertamos o botão do mouse (com "mousedown"). Isso faz a função ficar bem mais poderosa e útil.
Espero ter ajudado e reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!