Як додати подію кліку до HTML кнопки за допомогою JavaScript або jQuery?

Додавання події кліку до HTML кнопки можна здійснити як за допомогою чистого JavaScript, так і jQuery. Ось як це можна зробити в обох випадках:

Використання JavaScript:

<button id="myButton">Click Me</button>

<script>
  document.getElementById('myButton').addEventListener('click', function() {
    alert('Button clicked!');
  });
</script>

Використання jQuery:

Спочатку додайте бібліотеку jQuery у ваш проект. Ви можете використати CDN:

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

Далі додайте подію кліку:

<button id="myButton">Click Me</button>

<script>
  $('#myButton').click(function() {
    alert('Button clicked!');
  });
</script>

Ключові моменти:

1. JavaScript: Використовуйте addEventListener для більшої гнучкості (наприклад, для додавання кількох слухачів подій (Event Listener)).
2. jQuery: $().click() — це скорочення для прив’язки обробника кліку та простіше для швидких маніпуляцій з DOM.

Дайте знати, якщо потрібні додаткові деталі!

Перекладено з: How do you add a click event to an HTML button using JavaScript or jQuery?