JavaScript - DHTML, metoda getElementsByTagName, znaczniki span, div
| DZIAŁANIE: |
To jest jakiś
tekst.
Sprawdź!
|
Kod:
Ewentualne Objaśnienia:
Oto prosta 'gra' polegająca na znalezieniu wszystkich literek 't' w tekście (T również się zalicza). Taką literkę należy kliknąć po znalezieniu, a wtedy jest ona powiększona dzięki akcji onclick znacznika span, w którym jest umieszczona każda z takich literek. Kliknięcie wywołuje funkcję powieksz(), która korzysta za znanej już Wam metody innerHTML .
Po znalezieniu i zaznaczeniu możemy sprawdzić czy rzeczywiście znaleźliśmy
wszystkie literki, klikamy w łącze wywołujące funkcję przeliczLitery() :
- tym razem korzystamy z metody getElementsByTagName()
- zwraca ona tablicę zawierającą wszystkie występujące na stronie elementy
HTML danego rodzaju (w tym przypadku elementy span). Po pobraniu elementów
przechodzimy przez każdy z nich (pętla for) i sprawdzamy czy zawiera on w sobie
FONT lub font - jeżeli zawiera tzn., że użytkownik już tą daną literkę
zaznaczył, czyli wtedy zwiększamy zmienną licznik.
- na końcu należy porównać czy ilość zaznaczonych literek
zgadza się z ich rzeczywistą ilością w tekście i wyświetlić stosowną informację