Untitled

<!DOCTYPE html>
<html>
<body>

<h2>Szachy</h2>

<p id="text"></p>
<p id="cyfry", style="position:absolute; left:0px ; top:88px"></p>
<p id="chess"></p>
<p id="text2"></p>


<p><button onclick="ruszFigure(1,1,1,1)">Try it</button></p>
<p><button onclick="pomocnicza(1,1)">Wypisz co jest na pozycji</button></p>

<script>

	function game()
    {
    rysujSzachownice();
    }
    var update = setInterval(game,2000);


var szachownica = [
["czarnaWie", "czarnySko", "czarnyGon", "czarnyHet", "czarnyKro", "czarnyGon", "czarnySko", "czarnaWie"],
["czarnyPio", "czarnyPio", "czarnyPio", "czarnyPio", "czarnyPio", "czarnyPio", "czarnyPio", "czarnyPio"],
["_________", "_________", "_________", "_________", "_________", "_________", "_________", "_________"],
["_________", "_________", "_________", "_________", "_________", "_________", "_________", "_________"],
["_________", "_________", "_________", "_________", "_________", "_________", "_________", "_________"],
["_________", "_________", "_________", "_________", "_________", "_________", "_________", "_________"],
["bialyPion", "bialyPion", "bialyPion", "bialyPion", "bialyPion", "bialyPion", "bialyPion", "bialyPion"],
["bialaWiez", "bialySkoc", "bialyGoni", "bialyHetm", "bialyKrol", "bialyGoni", "bialySkoc", "bialaWiez"]];

var text = "";

//dziala, wszystkie miejsca mozna brac oddzielnie:
//var text3 = szachownica[0][5];
//document.getElementById("text3").innerHTML = text3;


function rysujSzachownice()
{
	for(var i=0; i<szachownica.length; i++)
		{
      	 text += szachownica[i] + "<pre>";
		}
	document.getElementById("chess").innerHTML = text;
}

document.getElementById("chess").style.fontFamily = "monospace";
document.getElementById("cyfry").style.fontFamily = "monospace";


    var litery = '\xa0\xa0\xa0\xa0\xa0\xa0' + " a " + '\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0' + " b " + '\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0' + " c " + '\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0' + " d " + '\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0' + " e " + '\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0' + " f " + '\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0' + " g " + '\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0' + " h ";

var liczby = " ";
for(var i=9; i>1; i--)
	{
       liczby += (i-1) +"<pre>"
	}

document.getElementById("text").innerHTML = litery ;
document.getElementById("text2").innerHTML = litery;
document.getElementById("cyfry").innerHTML = liczby;


function ruszFigure(a,b,c,d)
	{
    var temp = szachownica[a][b];

    //ruch czarnego pionka:

    if(szachownica[a][b]!="_________" && szachownica[a][b] == "czarnyPio")
   	 	 {
    	  szachownica[a][b] = szachownica[a+1][b];
          szachownica[a+1][b] = temp;
   		 }
         else
        	 {
         	 document.write("nie wybrales figury");
         	 }
    }


function pomocnicza(a,b)
	{
    document.write("na pozycji [a][b]: ");
    document.write(szachownica[a][b] + "<br>");
    document.write("na pozycji [a+1][b]: ");
    document.write(szachownica[a+1][b] + "<br>");
    }


</script>

<div id = "ruch">
Ruch: <INPUT type = 'text' id = "pieceChoice">
<button onclick="ruszFigure(1,1)">Wykonaj ruch</button>
</div>

</body>
</html>