addEventListener ou onclick?

Olá, Igor. O addEventListener() e onclick escutam um evento. Ambos podem executar uma função de retorno de chamada quando um elemento é clicado, mas eles são diferentes.

O atributo de evento onclick funciona quando o mouse é clicado no elemento, o script é executado, mas ele é apenas uma propriedade e como todas as propriedades de objetos, se escrevermos mais de uma propriedade, ele será subscrito.

O método addEventListener() pode ter vários manipuladores de eventos aplicados ao mesmo elemento, ou seja, vários eventos atrelados a ele e nenhum será subscrito.

Você pode usar o onclick caso seja em algo isolado, mas se você quiser utilizar esse evento para mais alguma coisa, aconselho usar o addEventListener(). Quanto a modernidade, há algum tempo atrás só se usava onclick pois o addEventListener() tinha restrição à alguns browsers, porém, acredito que hoje em dia os navegadores não têm problemas em executá-lo. Isso significa que sim, ele é o mais moderno.