Witam, tworze gre w JS ktora polega na odslanianiu obrazkow, wszystko w niej dziala oprocz jednej rzeczy. Gdy klikamy na ten sam obrazek dwukrotnie, zalicza nam punkt i znikaja obrazki. Nie mam pojecia jak zmodyfikowac warunek.
/* sam warunek if */
if(p==0)
{
Zakryj();
odkryj(x);
p=1;
one=x;
}
else
{
odkryj(x);
if(x.innerHTML==one.innerHTML){
if(x.innerHTML==x.innerHTML){
}
else{
x.style.visibility="hidden"; one.style.visibility="hidden";
wynik=wynik+1;
document.getElementById("wynik").innerHTML=wynik;
}
}
else
{
setTimeout(function(){Zakryj()},1500);
}
/* CALY KOD */
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Document</title>
<style>
div {position:absolute;}
.mini {border:black 1px solid; height:97px; width:97px;}
.mini:hover {border:red 2px solid;}
img {height:97px;width:97px;}
#w{position:absolute;top:450px;left:50px;}
#wynik{position:absolute;top:450px;left:100px;}
</style>
<script>
var wynik=0;
var TabId=['a1','a2','a3','a4','a5','a6','a7','a8','a9','a10','a11','a12','a13','a14','a15','a16','a17','a18','a19','a20'];
var TabImg=['obrazek1','obrazek2','obrazek2','obrazek1','obrazek1','obrazek2','obrazek2','obrazek1','obrazek1','obrazek2','obrazek2','obrazek1','obrazek1','obrazek2','obrazek2','obrazek1','obrazek1','obrazek2','obrazek2','obrazek1'];
function Zakryj(){
for(var i=0;i<20;i++){
document.getElementById(TabId[i]).innerHTML="<img src='obrazek3.jpg'>";
}
}
function odkryj(x){
for(var i=0;i<20;i++)
if(x==document.getElementById(TabId[i])){
x.innerHTML="<img src="+TabImg[i]+".jpg>";
}
}
var p=0,one;
function graj(x)
{
if(p==0)
{
Zakryj();
odkryj(x);
p=1;
one=x;
}
else
{
odkryj(x);
if(x.innerHTML==one.innerHTML){
if(x.innerHTML==x.innerHTML){
}
else{
x.style.visibility="hidden"; one.style.visibility="hidden";
wynik=wynik+1;
document.getElementById("wynik").innerHTML=wynik;
}
}
else
{
setTimeout(function(){Zakryj()},1500);
}
p=0;
}
}
var TabPos=[[50,50],[150,50],[50,150],[150,150],[250,50],[350,50],[250,150],[350,150],[450,50],[150,250],[450,150],[150,350],[50,250],[250,350],[50,350],[250,250],[350,350],[350,250],[450,350],[450,250]];
function mieszaj(){
var i=0, x;
var check=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0];
Zakryj();
while(i<20){
x=Math.floor(Math.random()*20);
if(check[x]==0)
{
document.getElementById(TabId[i]).style.left=TabPos[x][0]+'px';
document.getElementById(TabId[i]).style.top=TabPos[x][1]+'px';
document.getElementById(TabId[i]).style.visibility="visible";
i++;
check[x]=1;
}
}
wynik=0;
document.getElementById("wynik").innerHTML=wynik;
}
window.onload=mieszaj;
</script>
</head>
<body>
<form style="position:absolute;top:20px;left:100px;">
<input type="button" value="Graj" onclick="mieszaj()">
</form>
<div id="a1" class="mini" style="left:50px; top:50px;" onclick="graj(this)" >
<img src="obrazek1.jpg"></div>
<div id="a2" class="mini" style="left:150px; top:50px;" onclick="graj(this)" >
<img src="obrazek2.jpg"></div>
<div id="a3" class="mini" style="left:50px; top:150px;" onclick="graj(this)" >
<img src="obrazek2.jpg"></div>
<div id="a4" class="mini" style="left:150px; top:150px;" onclick="graj(this)" >
<img src="obrazek1.jpg"></div>
<div id="a5" class="mini" style="left:250px; top:50px;" onclick="graj(this)">
<img src="obrazek1.jpg"></div>
<div id="a6" class="mini" style="left:350px; top:50px;" onclick="graj(this)">
<img src="obrazek2.jpg"></div>
<div id="a7" class="mini" style="left:250px; top:150px;" onclick="graj(this)">
<img src="obrazek2.jpg"></div>
<div id="a8" class="mini" style="left:350px; top:150px;" onclick="graj(this)">
<img src="obrazek1.jpg"></div>
<div id="a9" class="mini" style="left:450px; top:50px;" onclick="graj(this)">
<img src="obrazek1.jpg"></div>
<div id="a10" class="mini" style="left:150px; top:250px;" onclick="graj(this)">
<img src="obrazek2.jpg"></div>
<div id="a11" class="mini" style="left:450px; top:150px;" onclick="graj(this)">
<img src="obrazek2.jpg"></div>
<div id="a12" class="mini" style="left:150px; top:350px;" onclick="graj(this)">
<img src="obrazek1.jpg"></div>
<div id="a13" class="mini" style="left:50px; top:250px;" onclick="graj(this)">
<img src="obrazek1.jpg"></div>
<div id="a14" class="mini" style="left:250px; top:350px;" onclick="graj(this)">
<img src="obrazek2.jpg"></div>
<div id="a15" class="mini" style="left:50px; top:350px;" onclick="graj(this)">
<img src="obrazek2.jpg"></div>
<div id="a16" class="mini" style="left:250px; top:250px;" onclick="graj(this)">
<img src="obrazek1.jpg"></div>
<div id="a17" class="mini" style="left:350px; top:350px;" onclick="graj(this)">
<img src="obrazek1.jpg"></div>
<div id="a18" class="mini" style="left:350px; top:250px;" onclick="graj(this)">
<img src="obrazek2.jpg"></div>
<div id="a19" class="mini" style="left:450px; top:350px;" onclick="graj(this)">
<img src="obrazek2.jpg"></div>
<div id="a20" class="mini" style="left:450px; top:250px;" onclick="graj(this)">
<img src="obrazek1.jpg"></div>
<div id="ekran"></div>
<div id="w">Wynik: </div>
<div id="wynik">0</div>
</body>
</html>