Witam,otóż tak jak w temacie nie potrafię wykonać sprawdzenia który gracz wygrywa w kółko i krzyżyk czy ktoś mógłby mi w tym trochę pomóc (nie koniecznie od razu odpowiedź).Dodam że mój Kod jest bardzo brzydki i prosiłbym aby tego nikt nie komentował .
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body onload="sprawdz()">
<div id="tura">Tura gracza: <img src="img/xsmall.bmp"></div>
<br><br>
<div id="p1" onclick="klik1()"><img src="img/nic.bmp"></div>
<div id="p2" onclick="klik2()"><img src="img/nic.bmp"></div>
<div id="p3" onclick="klik3()"><img src="img/nic.bmp"></div>
<div style="clear:both"></div>
<div id="p4" onclick="klik4()"><img src="img/nic.bmp"></div>
<div id="p5" onclick="klik5()"><img src="img/nic.bmp"></div>
<div id="p6" onclick="klik6()"><img src="img/nic.bmp"></div>
<div style="clear:both"></div>
<div id="p7" onclick="klik7()"><img src="img/nic.bmp"></div>
<div id="p8" onclick="klik8()"><img src="img/nic.bmp"></div>
<div id="p9" onclick="klik9()"><img src="img/nic.bmp"></div>
<div id="wynik">daadsa</div>
<script src="script.js"></script>
</body>
</html>
JavaScript:
var tura="x";
function klik1()
{
if(tura=="x")
{
tura="o";
document.getElementById("tura").innerHTML="Tura gracza: "+'<img src="img/osmall.bmp">';
document.getElementById("p1").innerHTML='<img src="img/x.bmp">';
}
else if(tura=="o")
{
tura="x";
document.getElementById("tura").innerHTML="Tura gracza: "+'<img src="img/xsmall.bmp">';
document.getElementById("p1").innerHTML='<img src="img/o.bmp">';
}
document.getElementById("p1").onclick=" ";
}
function klik2()
{
if(tura=="x")
{
tura="o";
document.getElementById("tura").innerHTML="Tura gracza: "+'<img src="img/osmall.bmp">';
document.getElementById("p2").innerHTML='<img src="img/x.bmp">';
}
else if(tura=="o")
{
tura="x";
document.getElementById("tura").innerHTML="Tura gracza: "+'<img src="img/xsmall.bmp">';
document.getElementById("p2").innerHTML='<img src="img/o.bmp">';
}
document.getElementById("p2").onclick=" ";
}
function klik3()
{
if(tura=="x")
{
tura="o";
document.getElementById("tura").innerHTML="Tura gracza: "+'<img src="img/osmall.bmp">';
document.getElementById("p3").innerHTML='<img src="img/x.bmp">';
}
else if(tura=="o")
{
tura="x";
document.getElementById("tura").innerHTML="Tura gracza: "+'<img src="img/xsmall.bmp">';
document.getElementById("p3").innerHTML='<img src="img/o.bmp">';
}
document.getElementById("p3").onclick=" ";
}
function klik4()
{
if(tura=="x")
{
tura="o";
document.getElementById("tura").innerHTML="Tura gracza: "+'<img src="img/osmall.bmp">';
document.getElementById("p4").innerHTML='<img src="img/x.bmp">';
}
else if(tura=="o")
{
tura="x";
document.getElementById("tura").innerHTML="Tura gracza: "+'<img src="img/xsmall.bmp">';
document.getElementById("p4").innerHTML='<img src="img/o.bmp">';
}
document.getElementById("p4").onclick=" ";
}
function klik5()
{
if(tura=="x")
{
tura="o";
document.getElementById("tura").innerHTML="Tura gracza: "+'<img src="img/osmall.bmp">';
document.getElementById("p5").innerHTML='<img src="img/x.bmp">';
}
else if(tura=="o")
{
tura="x";
document.getElementById("tura").innerHTML="Tura gracza: "+'<img src="img/xsmall.bmp">';
document.getElementById("p5").innerHTML='<img src="img/o.bmp">';
}
document.getElementById("p5").onclick=" ";
}
function klik6()
{
if(tura=="x")
{
tura="o";
document.getElementById("tura").innerHTML="Tura gracza: "+'<img src="img/osmall.bmp">';
document.getElementById("p6").innerHTML='<img src="img/x.bmp">';
}
else if(tura=="o")
{
tura="x";
document.getElementById("tura").innerHTML="Tura gracza: "+'<img src="img/xsmall.bmp">';
document.getElementById("p6").innerHTML='<img src="img/o.bmp">';
}
document.getElementById("p6").onclick=" ";
}
function klik7()
{
if(tura=="x")
{
tura="o";
document.getElementById("tura").innerHTML="Tura gracza: "+'<img src="img/osmall.bmp">';
document.getElementById("p7").innerHTML='<img src="img/x.bmp">';
}
else if(tura=="o")
{
tura="x";
document.getElementById("tura").innerHTML="Tura gracza: "+'<img src="img/xsmall.bmp">';
document.getElementById("p7").innerHTML='<img src="img/o.bmp">';
}
document.getElementById("p7").onclick=" ";
}
function klik8()
{
if(tura=="x")
{
tura="o";
document.getElementById("tura").innerHTML="Tura gracza: "+'<img src="img/osmall.bmp">';
document.getElementById("p8").innerHTML='<img src="img/x.bmp">';
}
else if(tura=="o")
{
tura="x";
document.getElementById("tura").innerHTML="Tura gracza: "+'<img src="img/xsmall.bmp">';
document.getElementById("p8").innerHTML='<img src="img/o.bmp">';
}
document.getElementById("p8").onclick=" ";
}
function klik9()
{
if(tura=="x")
{
tura="o";
document.getElementById("tura").innerHTML="Tura gracza: "+'<img src="img/osmall.bmp">';
document.getElementById("p9").innerHTML='<img src="img/x.bmp">';
}
else if(tura=="o")
{
tura="x";
document.getElementById("tura").innerHTML="Tura gracza: "+'<img src="img/xsmall.bmp">';
document.getElementById("p9").innerHTML='<img src="img/o.bmp">';
}
document.getElementById("p9").onclick=" ";
}
function sprawdz()
{
p1=document.getElementById("p1").value;
p2=document.getElementById("p2").value;
p3=document.getElementById("p3").value;
if((p1!='<img src="img/nic.bmp">')&&(p1==p2)&&(p2==p3))document.getElementById("wynik").innerHTML="Wygrywa";
}