Давайте рассмотрим первый способ, как вы можете создавать Javascript события на веб-странице - это способ используя HTML-атрибуты. 

Для того, чтобы рассмотреть этот вопрос, давайте создадим на веб-странице простую кнопку:

<button>Кнопка</button>

 Давайте создадим событие клика на эту кнопку, при котором пользователю будет показано всплывающее окно с каким-то сообщением. 

Для этого используем атрибут onclick:

<button onclick="alert('Сообщение');">Кнопка</button>

Можно через знак точки с запятой написать еще какую-то команду:

<button onclick="alert('Сообщение'); console.log('123')">Кнопка</button>

Выводим в консоль браузера надпись 123.

Вот так создаются простые события на Javascript с помощью HTML-атрибутов. Попробуйте тоже сейчас сделать нечто подобное и переходим к следующему уроку.

<button id="but1">Кнопка</button>

<script>
    but1.addEventListener('click', function () {
       console.log('1');
    });
</script>