script.js

var active = true;
var sec;
var start = true;
var contor = 0;
var idNotRepeat = 0;
var easy;
var buttonMessage;
var effects = true;

function EasyGame()
{
	easy = true;
	blockButtons('Easy');
	sec = 51;
	
}
function HardGame()
{
	easy = false;
	blockButtons('Hard');
	sec = 41;
}
var result;
var textDel;
function blockButtons(msg)
{
	//var btn = document.getElementById('myBtn1');
	//btn.disabled = true;
	//btn.style.color = "black";
	document.getElementById('myBtn1').disabled = true;
	document.getElementById('myBtn1').style.color="black";
	
	
	document.getElementById('5').disabled = true;
	
	
	document.getElementById('myBtn2').disabled = true;
	document.getElementById('myBtn2').style.color="black";
	
	document.getElementById('myBtn1').innerHTML = msg + " game selected";
	document.getElementById('myBtn2').innerHTML = msg + " game selected";
	document.getElementById('timer').innerHTML = "∞ Seconds - Press any card to begin";
	
}

//addEventListener('load', init, false);

function init() 
{
var v = [16];
for(var h = 0; h < 16; h++)
v[h] = 0;

if(easy)
{
dArray = ["♥", "♥", "♣", "♣",

 "☯", "☯", "⚛", "⚛", 

 "♢", "♢", "☮", "☮",

  "♪", "♪", "✧", "✧"];

}
else
{

dArray =["✬", "✬", "✭", "✭",

 "✮", "✮", "✯", "✯", 

 "✹", "✹", "✵", "✵",

  "✶", "✶", "✷", "✷"];
}

var dTd = [16];

var current;


var x;

for(x = 0; x < 16; x++ ) 

{ 

aleatory();
for(var y = 0; y < 16; y++)

{

dTd[y] = document.getElementById("td" + y);


if(current == dTd[y].innerHTML)

{

aleatory();

break;

}

else

{

dTd[x] = document.getElementById("td" + x);

dTd[x].innerHTML = dArray[current];

dTd[x].onclick = turn;

break;

}

}

}

var count = 0;
	

function check(v1,v2)
{
if(active)
{

if(v1.innerHTML == v2.innerHTML)

{
	
contor++;

if(contor == 8)
{
	active = false;
	document.getElementById('timer').innerHTML = "Congratulations !!! You won !!!";
	
}
count = 0;

v1.onclick = 'null';
v2.onclick = 'null';

var v11 = v1.getAttribute('id');
var v22 = v2.getAttribute('id');

//document.getElementById(v11).style.display = 'table-row'; //error...
//document.getElementById(v22).style.display = 'table-row';
if(effects)
{
setTimeout(function() {hideElements();},1000);
}
function hideElements()
{
document.getElementById(v11).style.display = 'none'; 
document.getElementById(v22).style.display = 'none';
}


}

else

{
count = 0;

for(x = 0; x < 16; x++)

dTd[x].onclick = "null";


theTimer1 = setTimeout(function(){forTimer1(v1, v2);}, 1000);


}
}
}

function forTimer1(vv1,vv2)
{
if(active)
{
vv1.style.background = "radial-gradient(black 28%, #262626 30% ,#666666 60%)";
//vv1.style.backgroundImage = "url('patern.png')";
vv1.style.textShadow = "";

vv2.style.background = "radial-gradient(black 28%, #262626 30% ,#666666 60%)"; //radial-gradient(black 27%, white 60%, #00001a 15%)

vv2.style.textShadow = "";

clearTimeout(theTimer1);

for(x = 0; x < 16; x++)

dTd[x].onclick = turn;

}
}

function turn() 
{
if(active)
{
if(start)
{
startTimer();
start = false;
}


	onceClick=false;
    ++count;

this.style.background = "radial-gradient(white, lightgray, #666666)";

this.style.fontSize ="290%";




this.style.textShadow = "11px 5px 9px #4d4d4d";

if(count == 1)

{

var1 = document.getElementById(this.id);
idNotRepeat = this.id;

}


if(count == 2)

{

var2 = document.getElementById(this.id);


if(idNotRepeat != var2.id)
{
check(var1, var2);
}
else
{
	
	count = 0;

for(x = 0; x < 16; x++)

dTd[x].onclick = "null";


theTimer1 = setTimeout(function(){forTimer1(var1, var2);}, 1000);
}



}
}
}

function aleatory() {


current = Math.floor(Math.random()*16);

switch (current) {

case 0: v[current]++;

break;

case 1: v[current]++;

break;

case 2: v[current]++;

break;

case 3: v[current]++;

break;

case 4: v[current]++;

break;

case 5: v[current]++;

break;

case 6: v[current]++;

break;

case 7: v[current]++;

break;

case 8: v[current]++;

break;

case 9: v[current]++;

break;

case 10: v[current]++;

break;

case 11: v[current]++;

break;

case 12: v[current]++;

break;

case 13: v[current]++;

break;

case 14: v[current]++;

break;

case 15: v[current]++;

break;

default:

break;

}


if(v[current] > 1)

{

v[current] = 1;

aleatory();
} 
}
}

function startTimer() 
{
	
	if(active)
	{
	if(sec == 0)
	{
				
		active=false;
		for(var nr = 0; nr < 16; nr++)
		{
			document.getElementById('td'+ nr).onclick= 'null';
		}
	
		
	}
	else
	{
		sec--;
	
	}
	
	document.getElementById("timer").innerHTML = sec + " Seconds left";
	if(sec == 0 )
	{
		document.getElementById("timer").innerHTML = "Time expired !!! You have lost the game !!!";
		var btnPlayAgain = document.getElementById("btnPlay");
		btnPlayAgain.innerHTML = "Play again ???";
		
		
		active = false;
		
		
		for(var nr = 0; nr < 16; nr++)
		{
			document.getElementById('td'+ nr).onclick= 'null';
		}
	}
	
	setTimeout(startTimer,1000);
		
	
	}
}
var aa = true;
function PageEffects(once)
{
	if(once && aa )
	{
	effects = false;
	document.getElementById("5").innerHTML = "Show matched cards";
	once = false;
	aa = false;
	}
	else
	{
		effects = true;
		aa = true;
		document.getElementById("5").innerHTML = "Hide matched cards";

	}
}