Zdarzenia i walidacja formularza
Zdarzenia inline — tabela szybkiego dostepu
| Zdarzenie | Kiedy | Przyklad |
|---|---|---|
onclick |
klikniecie | <button onclick="oblicz()"> |
ondblclick |
podwojne klikniecie | <button ondblclick="zmien()"> |
onmouseover |
najechanie myszka | <img onmouseover="powiekszaj()"> |
onmouseout |
zjechanie myszka | <img onmouseout="zmniejszaj()"> |
onchange |
zmiana wartosci pola | <select onchange="filtruj()"> |
oninput |
wpisywanie tekstu | <input oninput="sprawdz()"> |
onload |
zaladowanie strony | <body onload="init()"> |
Walidacja checkboxa — schemat z egzaminu (2021, 2024, 2025)
To zadanie pojawia sie regularnie: przycisk dziala TYLKO gdy checkbox jest zaznaczony.
HTML:
JavaScript:
Pelna walidacja z wyswietlaniem danych (arkusz 2024 — firma IT)
HTML:
JavaScript:
returnwewnątrz funkcji = przerwij funkcje tutaj. Kod ponizej sie nie wykona.
!regulamin= to samo coregulamin === false.
Czyszczenie formularza przez JS (gdy type="reset" nie wystarczy)
Jezeli przycisk to
type="reset"— czysci wszystko automatycznie, bez JS.
Zmiana koloru/tresci w odpowiedzi na zdarzenie
Hover — CSS vs JS
CSS hover (najlepszy wybor, bez JS):
JS hover (tylko gdy trzeba zmienic cos poza elementem):
Jezeli egzamin nie mowi ze ma byc JS — uzyj CSS
:hover.