Funkcje anonimowe w obsłudze zdarzeń

Założenie: Pokażemy, jak użyć funkcji anonimowej do obsługi zdarzenia, np. kliknięcia przycisku, bez definiowania osobnej funkcji.

Krok po kroku:

1. Dodanie prostego formularza HTML: Ten formularz będzie zawierał przycisk, którego kliknięcie wywoła zdarzenie.

<form>
  <button type="button" id="myButton">Kliknij mnie!</button>
</form>
				

2. Dodanie kodu JavaScript, który nasłuchuje na zdarzenie `click` przycisku: W tym kroku dodamy kod JavaScript, który będzie nasłuchiwał na zdarzenie kliknięcia przycisku. Użyjemy funkcji anonimowej jako callbacku.

<script>
document.getElementById('myButton').addEventListener('click', function() {
  alert('Przycisk został kliknięty!');
});
</script>
				

3. Wyjaśnienie kodu JavaScript: `document.getElementById(‘myButton’)` wybiera element HTML o identyfikatorze “myButton”. `addEventListener(‘click’, function() { … })` dodaje listenera dla zdarzenia `click`. Funkcja anonimowa `function() { alert(‘Przycisk został kliknięty!’); }` jest wywoływana po kliknięciu przycisku i wyświetla alert.

W tym przykładzie funkcja anonimowa jest zdefiniowana bezpośrednio jako argument funkcji `addEventListener`. To pozwala na uniknięcie definiowania osobnej funkcji, co upraszcza kod, szczególnie gdy funkcja jest używana tylko raz.

Ten przykład pokazuje podstawowe zastosowanie funkcji anonimowych w obsłudze zdarzeń. Zachęcamy do dalszego zgłębiania tematu i eksperymentowania z różnymi rodzajami zdarzeń i funkcjami anonimowymi!