Probuje zrobic aplikację Kołko i krzyzyk i mam problem ze sprawdzaniem
czy nastapila wygrana.
Fragmenty kodu
var kolko="<img src=\"kolko.png\"/>";
var krzyzyk="<img src=\"krzyzyk.png\"/>";
....
$(".pole").click(function(){
if($(this).html()=="")
{
if(gracz==2)
{
$(this).html(kolko);
gracz=1;
$("#gracz").html("Gracz 1:");
}
else{
$(this).html(krzyzyk);
gracz=2;
$("#gracz").html("Gracz 2:");
}
}
sprawdzanie()
});
function sprawdzanie()
{
if(
($("#p1").html()==$("#p2").html() && $("#p2").html()==$("#p3").html() && $("#p3").html()==kolko) ||
($("#p4").html()==$("#p5").html() && $("#p5").html()==$("#p6").html() && $("#p6").html()==kolko) ||
($("#p7").html()==$("#p8").html() && $("#p8").html()==$("#p9").html() && $("#p9").html()==kolko) ||
($("#p1").html()==$("#p4").html() && $("#p4").html()==$("#p7").html() && $("#p1").html()==kolko) ||
($("#p2").html()==$("#p5").html() && $("#p5").html()==$("#p8").html() && $("#p2").html()==kolko) ||
($("#p3").html()==$("#p6").html() && $("#p6").html()==$("#p9").html() && $("#p3").html()==kolko) ||
($("#p1").html()==$("#p5").html() && $("#p5").html()==$("#p9").html() && $("#p1").html()==kolko) ||
($("#p3").html()==$("#p5").html() && $("#p5").html()==$("#p7").html() && $("#p3").html()==kolko)
)
{
$("#komunikat").html("Wygral gracz 1");
reset();
}
i ten sam warunek dla krzyzyka.
}
Gracz naciska na wolne pole po czym w zaleznosci od gracza wstawiany jest tam obraz kolka lub krzyzyka.
Funkcja sprawdzanie porównuje html odpowiednich pol. Kiedy zamiast obrazka wstawialem do pola tylko "O" lub "X" wszystko działalo. Kiedy probuje porownac zdjecia brak reakcji.
Czyli w skrocie: czemu dziala
$("#p1").html()==$("#p2").html() && $("#p2").html()==$("#p3").html() && $("#p3").html()=="O")
a nie dziala
$("#p1").html()==$("#p2").html() && $("#p2").html()==$("#p3").html() && $("#p3").html()=="<img src=\"krzyzyk.png\"/>")