onclick — это обработчик события
click — это событие
В чём концептуальная разница?
Обработчик события (onclick) мы вешаем на элемент в котором хотим поймать совершённое событие клика. То есть когда пользователь нажмёт на картинку в документе, мы сделаем красную рамку (например). То есть мы поправим стили оформления документа для элемента картинки. Мы не знаем в какой момент произойдёт нажатие, поэтому нам остаётся только ждать совершения события click, вызванного пользователем.
Если мы хотим совершить нажатие за пользователя (вместо него), то мы применим событие click в коде программы и получим нужный результат. Например, таким способом мы можем имитировать поведение пользователей на сайте, чтобы накручивать поведенческие факторы страниц для поисковых систем. Ботнет под управлением JavaScript будет кликать по гиперссылкам страниц «продвигаемого» сайта и накручивать переходы и вовлечённость. Фактически на сайте не будет живых людей, только боты. Это нехорошо и карается.
Ссылки
Существует большое множество событий и обработчиков. Со списками можно ознакомиться на официальной странице стандарта — https://html.spec.whatwg.org/multipage/webappapis.html#event-handlers-on-elements,-document-objects,-and-window-objects
Есть перевод статьи UI Events | События пользовательского интерфейса
