Witam,
napotkałam mur, przed którym stoję i ani rusz dalej. Przeszukałam internet w celu znalezienia odpowiedzi i nic.
Podejrzewam, że jest to banalnie proste ale wciąż mi to umyka.Może ktoś pomoże?
Na początku mam utworzonych 12 zmiennych z przypisanymi zdarzeniami do kliknięcia. Dla każdego div`a z id przy kliknięciu uruchamia się funkcja revealCard, która jako parametr przyjmuje numer od 0-11, przypisany bezpośrednio do obrazka dla danego div1a i wykorzystywany w dalszej części działań.
Chciałabym zautomatyzować pracę przypisywania zdarzeń (zamiast tworzyć ręcznie 12 zmiennych), niestety moje próby kończą się niepowodzeniem.
Próbowałam tego:
$('.card').on("click", function() { revealCard(nr); });
niestety nie zadziałało :(
oraz tego:
for (var i = 0; i < 12; i++) {
var c[i] = $('c'+i).on("click", function() { revealCard(i); });
}
niestety też nie działa :(
Moje zmienne wyglądają tak:
var c0 = $('#c0').on("click", function() { revealCard(0); });
var c1 = $('#c1').on("click", function() { revealCard(1); });
var c2 = $('#c2').on("click", function() { revealCard(2); });
var c3 = $('#c3').on("click", function() { revealCard(3); });
var c4 = $('#c4').on("click", function() { revealCard(4); });
var c5 = $('#c5').on("click", function() { revealCard(5); });
var c6 = $('#c6').on("click", function() { revealCard(6); });
var c7 = $('#c7').on("click", function() { revealCard(7); });
var c8 = $('#c8').on("click", function() { revealCard(8); });
var c9 = $('#c9').on("click", function() { revealCard(9); });
var c10 = $('#c10').on("click", function() { revealCard(10); });
var c11 = $('#c11').on("click", function() { revealCard(11); });
Z pewnością proces tworzenia zmiennych można jakoś skrócić...
Pozdrawiam :)