Чтобы использовать события JavaScript, вы можете использовать различные методы. Вот некоторые часто используемые из них вместе с примерами кода:

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

<button onclick="myFunction()">Click me</button>
<script>
  function myFunction() {
    alert("Button clicked!");
  }
</script>

2. Обработчики событий DOM.
   Вы можете использовать DOM (объектную модель документа) для программного присоединения обработчиков событий к элементам. Такой подход позволяет лучше разделить код HTML и JavaScript.

<button id="myButton">Click me</button>
<script>
  document.getElementById("myButton").addEventListener("click", function() {
    alert("Button clicked!");
  });
</script>

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

<button id="myButton">Click me</button>
<script>
  function clickHandler() {
    alert("Button clicked!");
  }
  document.getElementById("myButton").addEventListener("click", clickHandler);
</script>

4. Делегирование событий.
   С помощью делегирования событий вы можете прикрепить один прослушиватель событий к родительскому элементу и обрабатывать события для его дочерних элементов. Это полезно при динамическом добавлении или удалении элементов из DOM.

<ul id="myList">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>
<script>
  document.getElementById("myList").addEventListener("click", function(event) {
    if (event.target.tagName === "LI") {
      alert("Item clicked: " + event.target.textContent);
    }
  });
</script>