Strona główna kursu

JavaScript - DHTML, metoda getElementsByTagName, znaczniki  span, div

DZIAŁANIE:
To jest jakiś tekst.
Sprawdź!
 

Kod:

Kurs JavaScript, Kurs Ajax, Kurs PHP

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ę