1. Wprowadzenie do JavaScript
  2. Szybki start
  3. Pierwszy program
  4. Metody wyjściowe
  5. Komentarze
  6. Typy danych
  7. Zmienne
  8. Operatory
  9. Instrukcje warunkowe
  10. Pętle
  11. Funkcje
  12. Tablice
  13. Obiekty
  14. Funkcje matematyczne
  15. Wartości
  16. Referencje
  17. Metody
  18. Eventy
  19. Manipulacja DOM-em
  20. Manipulacja stylami CSS
  21. Biblioteki JavaScript
  22. Podsumowanie

Eventy

Eventy w języku JavaScript to zdarzenia wywoływane przez użytkownika lub przez przeglądarkę w odpowiedzi na określone akcje. Zdarzenia te mogą być związane z interakcją użytkownika z aplikacją, takimi jak kliknięcia, wprowadzanie danych, przesuwanie myszką lub zmiana rozmiaru okna przeglądarki. Można je obsłużyć za pomocą kilku sposobów, takich jak:

Wykorzystanie wbudowanej w przeglądarkę funkcji addEventListener

								
document.getElementById("myBtn").addEventListener("click", function(){

  alert("Button was clicked");
});
								
						

Użycie skróconej wersji addEventListener

								
document.getElementById("myBtn").onclick = function(){

  alert("Button was clicked");
};
								
						

Użycie atrybutu on-event

								
<button id="myBtn" onclick="alert('Button was clicked')">Click me</button>
								
						
Notatka

Te trzy sposoby są do siebie podobne, jednak zaleca się stosowanie pierwszej metody, ponieważ pozwala ona na dodawanie wielu obsług zdarzeń do jednego elementu, co jest trudne do osiągnięcia przy użyciu dwóch pozostałych sposobów.