Jogo da Memória - Trabalho Escolar

[Vinny Oliveira 4]

Meu professor lançou um desafio para montarmos um jogo da memoria, fiz uma certa parte porem não sei o que fazer para validar se os onclick que a pessoa der são iguais.

só de ler vcs vao entender

 

O codigo JS ficou assim:

/*function jogada1(aid){
	if()
}*/

function vira(aid){

	if(aid==="td1"){
		document.getElementById("td1").style.background="red";
		var c1=1;

	}else if(aid==="td2"){
		document.getElementById("td2").style.background="blue";
		var c2=1;

	}else if(aid==="td3"){
		document.getElementById("td3").style.background="blue";
		var c3=1;

	}else if(aid==="td4"){
		document.getElementById("td4").style.background="red";
		var c4=1;

	}else if(aid==="td5"){
		document.getElementById("td5").style.background="green";
		var c5=1;

	}else if(aid==="td6"){
		document.getElementById("td6").style.background="green";
		var c6=1;

	}else{
		
	}
	
	var td1=document.getElementById("td1").style.background;
	var td2=document.getElementById("td2").style.background;
	var td3=document.getElementById("td3").style.background;
	var td4=document.getElementById("td4").style.background;
	var td5=document.getElementById("td5").style.background;
	var td6=document.getElementById("td6").style.background;
	var aft=document.getElementById(aid).style.background;
	var cont=td1.length+td2.length;

if(cont>=6){
		if((td1==="red" && td4==="red")){
				var chance1="fix";					
		}else{	limpa();	}

		if((td2==="blue" && td3==="blue")){
				var chance2="fix";					
		}else{	limpa();	}

}else{}

	
	function limpa(){
		if(chance1!=="fix"){
			document.getElementById("td1").style.background="#999";
			document.getElementById("td4").style.background="#999";
		}
		if(chance2!=="fix"){
			document.getElementById("td2").style.background="#999";
			document.getElementById("td3").style.background="#999";
		}
	}
	
}

[Ted k' 126]

Cria um numero ou nome igual para as cartas pares, coloca essa variavel salva para comprar quando tiver o evento de click!

[Vinny Oliveira 4]

Cria um numero ou nome igual para as cartas pares, coloca essa variavel salva para comprar quando tiver o evento de click!

Olá Ted :D

Entendi o raciocinio , mas como vou fazer para comparar ? pois eu tenho que virar as cartas (deixar o bg #999)?

Tem um exemplo para em ajudar ?

[Ted k' 126]

virar as cartas é um display mesmo, clica salva o valor, clica novamente, salva o outro valor e comprar,...

 

não esquece de salvar tbm quais cartas abriu, se tiver correto, adiciona uma classe com um display:block, se tiver errado dlisplay: none, um if tradicional consegue isso

[Vinny Oliveira 4]

virar as cartas é um display mesmo, clica salva o valor, clica novamente, salva o outro valor e comprar,...

 

não esquece de salvar tbm quais cartas abriu, se tiver correto, adiciona uma classe com um display:block, se tiver errado dlisplay: none, um if tradicional consegue isso

 

blz outra duvida (desculpe estou aprendendo), como faço para salvar os valores? é igual estou fazendo acima?

[Ted k' 126]

sim, variaveis!

[Vinny Oliveira 4]

tem como me ajudar? não esta dando certo :(

 

a validação nao esta correta (na logica), to tentando validar assim:

 

 

if(td1!=="" || td2!=="" || td3!=="" || td4!=="" ){if(td1==="red" && td4==="red"){var chance1="fix";}else if(td2==="vlue" && td3==="blue"){var chance2="fix";}else if(era===3 || era===4){limpa();}}else{limpa();}