Разница между addEventListener() и обычным присвоением обработчика onclick заключается в следующем:

• addEventListener() позволяет добавить к определённому элементу несколько событий. 12 С его помощью можно контролировать распространение событий, захватывать и пузырить их. 2 События, добавленные с помощью addEventListener(), можно прикреплять только внутри элементов <script> или во внешних файлах JavaScript. 2
• onclick используется для прикрепления к элементу одного события. 2 Это свойство, которое может быть перезаписано. 2 С помощью onclick нельзя напрямую контролировать распространение событий. 2 Оклик можно добавлять и как атрибут HTML, что упрощает интеграцию. 2 Он широко поддерживается и работает во многих браузерах. 2

Выбор между addEventListener() и onclick зависит от сложности управления событиями и потребностей приложения в совместимости. 2