var cards = ["5.jpg","TRT.JPG","sz.JPG","3.jpg","cards1/TT.JPG","6.JPG","4.jpg","5.jpg","sz.JPG","6.JPG","3.jpg","4.jpg"];
//alert(cards[4]);
var c0 = document.getElementById('c0');
var c1 = document.getElementById('c1');
var c2 = document.getElementById('c2');
var c3 = document.getElementById('c3');
var c4 = document.getElementById('c4');
var c5 = document.getElementById('c5');
var c6 = document.getElementById('c6');
var c7 = document.getElementById('c7');
var c8 = document.getElementById('c8');
var c9 = document.getElementById('c9');
var c10 = document.getElementById('c10');
var c11 = document.getElementById('c11');
c0.addEventListener("click", function() {revealCard(0);});
c1.addEventListener("click", function() {revealCard(1);});
c2.addEventListener("click", function() {revealCard(2);});
c3.addEventListener("click", function() {revealCard(3);});
c4.addEventListener("click", function() {revealCard(4);});
c5.addEventListener("click", function() {revealCard(5);});
c6.addEventListener("click", function() {revealCard(6);});
c7.addEventListener("click", function() {revealCard(7);});
c8.addEventListener("click", function() {revealCard(8);});
c9.addEventListener("click", function() {revealCard(9);});
c10.addEventListener("click", function() {revealCard(10);});
c11.addEventListener("click", function() {revealCard(11);});
var oneVisible = false;
var turnCounter = 0;
var visible_nr;
var lock = false;
var pairsLeft = 6;
function revealCard(nr)
{
var opacityValue = $('#c'+nr).css('opacity');
//alert('Opacity: '+opacityValue);
if (opacityValue != 0 && lock == false)
{
lock = true;
//alert(nr);
var obraz = "url(cards/"+ cards[nr] + ")";
$('#c'+nr).css('background-image', obraz);
$('#c'+nr).addClass('cardA');
$('#c'+nr).removeClass('card');
if(oneVisible == false)
{
//first card
oneVisible = true;
visible_nr = nr;
lock = false;
}
else
{
//second card
if(cards[visible_nr] == cards[nr])
{
//alert("para");
setTimeout(function() { hide2Cards(nr, visible_nr) }, 750);
}
else
{
//alert("pudło");
setTimeout(function() { restore2Cards(nr, visible_nr) }, 1000);
}
turnCounter++;
$('.score').html('Turn counter: '+turnCounter);
oneVisible = false;
}
}
}
function hide2Cards(nr1, nr2)
{
$('#c'+nr1).css('opacity', '0');
$('#c'+nr2).css('opacity', '0');
pairsLeft--;
if(pairsLeft == 0)
{
$('.plansza').html('<h1>You win!<br>Done in '+turnCounter+' turns</h1>');
}
lock = false;
}
function restore2Cards(nr1, nr2)
{
$('#c'+nr1).css('background-image', 'url(cards/7.jpg)');
$('#c'+nr1).addClass('card');
$('#c'+nr1).removeClass('cardA');
$('#c'+nr2).css('background-image', 'url(cards/7.jpg)');
$('#c'+nr2).addClass('card');
$('#c'+nr2).removeClass('cardA');
lock = false;
}
Witam!
Mam prośbę, czy mógłby pan podsunąć mi pomysł jak dopasować w memory game różne pliki. Chodzi mi o to, że
potrzebuję do obrazu dopasować opis i żeby ukrywały się dopasowane elementy, a nie te same z tymi samymi. Czy tutaj trzeba podziałać z funkcją if?