Ponownie gra "Kółko - Krzyżyk", tym razem z plikami graficznymi.
Poniżej znajduje się kod źródłowy. Kod oraz pliki graficzne można również pobrać korzystając z linka.
<html>
<head>
<title>GRA - KÓŁKO-KRZYŻYK</title>
<style type="text/css">
td { height: 100px; width: 100px; text-align:center; font-size: 60px}
form {margin: 5px;}
</style>
</head>
<body>
<h1>Gra - kółko krzyżyk wersja 2.0</h1>
<table border="1px" align="left">
<tr>
<td onClick="moja_funkcja(1)"><img src="kk_image/nic.png" alt="kolko lub krzyzyk" id="1"></td>
<td onClick="moja_funkcja(2)"><img src="kk_image/nic.png" alt="kolko lub krzyzyk" id="2"></td>
<td onClick="moja_funkcja(3)"><img src="kk_image/nic.png" alt="kolko lub krzyzyk" id="3"></td>
</tr>
<tr>
<td onClick="moja_funkcja(4)"><img src="kk_image/nic.png" alt="kolko lub krzyzyk" id="4"></td>
<td onClick="moja_funkcja(5)"><img src="kk_image/nic.png" alt="kolko lub krzyzyk" id="5"></td>
<td onClick="moja_funkcja(6)"><img src="kk_image/nic.png" alt="kolko lub krzyzyk" id="6"></td>
</tr>
<tr>
<td onClick="moja_funkcja(7)"><img src="kk_image/nic.png" alt="kolko lub krzyzyk" id="7"></td>
<td onClick="moja_funkcja(8)"><img src="kk_image/nic.png" alt="kolko lub krzyzyk" id="8"></td>
<td onClick="moja_funkcja(9)"><img src="kk_image/nic.png" alt="kolko lub krzyzyk" id="9"></td>
</tr>
</table>
<table>
<tr><td>
<form action='kk.html'>
<input type="submit" value="Graj od nowa" />
</form>
</td></tr>
</table>
<script language="JavaScript" type="text/javascript">
var co = 1;
var x = "X";
var o = "O";
var temp = "q";
var temp2 = 0;
var tablica = ['q','q','q','q','q','q','q','q','q','q'];
var spr = 0;
var koniec=0;
function moja_funkcja(pozycja) {
if (koniec==0){
if (tablica[pozycja] == 'q')
{
if (co%2==1){
//document.getElementById(pozycja).innerHTML = x;
document.getElementById(pozycja).src = 'kk_image/krzyzyk.png';
tablica[pozycja] = x;
}
else
{
//document.getElementById(pozycja).innerHTML = o;
document.getElementById(pozycja).src = 'kk_image/kolko.png';
tablica[pozycja] = o;
}
co++;
//-----------------------SPRAWDZA CZY WYGRANA
for (temp2=1; temp2<=2; temp2++)
{
if (temp2==1){q=x;}//sprawdzenie raz x raz o
else {q=o;}
for (spr=0; spr<=9; spr+=3)//sprawdzenie w poziomie
{
if (tablica[1+spr]==q && tablica[2+spr]==q && tablica[3+spr]==q){alert("Wygrana " + q); koniec=1;}
}
for (spr=1; spr<=3; spr++)//sprawdzenie w pionie
{
if (tablica[spr]==q && tablica[spr+3]==q && tablica[spr+6]==q){alert("Wygrana " + q); koniec=1;}
}
if (tablica[1]==q && tablica[5]==q && tablica[9]==q){alert("Wygrana " + q); koniec=1;}
if (tablica[3]==q && tablica[5]==q && tablica[7]==q){alert("Wygrana " + q); koniec=1;}
}
//---------------------------------SPRAWDZA CZY WYGRANA----koniec
}else {alert('Już wybrałeś');}
// sprawdź czy już koniec, nikt nie wygrał
spr=0;
for (temp2=1; temp2<=9; temp2++)
{
if (tablica[temp2]!='q'){spr++;}
if (spr>=9){alert('Koniec gry');koniec=1;}
}
}
else {alert('Gra została już zakończona!');}
}
</script>
</body>
</html>
Brak komentarzy:
Prześlij komentarz