Как добавить событие в JavaScript

Как добавить событие в JavaScript

Представим что у нас есть задача добавить определенное событие при нажатии кнопки.
Для этого нам потребуется найти нашу кнопку и записать ее в переменную, далее добавить прослушивание события и вызвать необходимую функцию.


    const btnclick = document.querySelector('#btnclick') /*Объявляем переменную*/
btnclick.addEventListener('click', alertBtn ); /*Добавляем событие при клике, и вызвает функцию*/
/*Теперь прописываем саму функцию*/ function alertBtn(){
alert('Работает!');
}

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


    btnclick.addEventListener('click', ()=>{
        alert('Работает!');
    })