Lekcja 5 JS-Zelent- memory - 2 klikniecia na karte- DOM i ID

Question

Witam,

Przegladam 5 lekcje z kursu Pana Zenenta dotyczaca gry 'memory' w Javascript.

W grze jest taki problem, że jak klikne 2 razy na ta sama karte to ona znika, a tak nie powinno być.

Zastanawiałem się jak ten problem usunać, ale nie moge znaleźć dobrego rozwiazania.

 

Moje pomysły:

1. Wprowadzić warunek IF wewnatrz funkcji ' revealCard(nr)' i  wewnatrz warunku IF dla : if(cards[visible_nr] == cards[nr]). Potrzebowałbym 2 zmienne do ktorych zapisze jaki DIV z karta zaznaczyłem, a potem te 2 zmienne porównałbym ze soba. Jeśli się różnia (czyli 2 różne karty zaznaczyłem) to wykona funkcje do ukrycia kart w:

setTimeout(function() { hide2Cards(nr, visible_nr) }, 750);

 

2. Każdy IMG dla karty jest zapisany jako tło dla DIV. Każdy z tych DIV ma swój ID. I teraz zastanawiam się w jaki sposób moge zaznaczyć każdy DIV (czyli karte na która klikne) by potem zapisac to do zmiennej.

Każdy DIV ma unikalny ID. Zastanawiałem się czy skoro event przekazuje w funkcji parametr:  revealCard(1) , to czy moge wykorzystać ten parametr by zaznaczyć ID dla tego DIVa.

 

Wiem, że sa takie opcje jak:

var idDOM =  document.getElementById(ID).id

lub

var idDOM = this.id

 

Nie moge znaleźć żadnego kodu by w DOM zaznaczyć ID dla DIV (karty) który zaznaczam klikajac w niego.

 

Podsumowujac: czy da się w jakoś zaznaczyć ten unikatowy ID dla DIV tak jak mówię? Czy musze w tym celu do funkcji 'revealCard(nr)' przekazac 2 argument, który bedzie zawierać to ID? Jak można ten przyklad rozwiazać?

 

Z góry dziękuje za odpowiedź.