Sakk játék. Feladat: JavaScript segítségével olyan programot kell írni, ami egy sakktáblát szimulál. Kiválasztásra változtatják a helyüket

Sakk játék Felhasználói dokumentáció Feladat: JavaScript segítségével olyan programot kell írni, ami egy sakktáblát szimulál. Kiválasztásra változtatják a helyüket. Futtatási környezet: A http://10.0.0.101/~hgy/sakk/ linkre kattintva megjelenik az oldal. Az oldal megtekintéséhez bármilyen grafikus böngésző alkalmazható. Gépigény: Bármilyen számítógépen működik, amin található böngésző és Internet elérés. Kezelési útmutató: Az oldal kinézete

Készítette: Hollósy György 2/14/Aw.

1

Bármilyen probléma esetén jelezzen a [email protected] e-mail címen.

2

Fejlesztői dokumentáció Feladat: JavaScript segítségével olyan programot kell írni, amely szimulál egy sakktáblát. Kiválasztásra változtatják a helyüket. Környezet: Intel Core 2 Duo CPU E8400 @ 3.00 GHz 3.01 GHz/ 3,50 GB RAM/512 MB ATI Radeon HD 4670/160GB HDD/ Windows XP/ Mozilla Firefox. Futtatási környezet: A http://10.0.0.101/~sakk/ linkre kattintva megjelenik az oldal. Az oldal megtekintéséhez bármilyen grafikus böngésző alkalmazható. Programfejlesztői környezet: A Sakk nevű játék JavaScript programnyelven lett írva és HTML kód segítségével lett beágyazva oldalszerkezetbe. CSS-el formázva. Tömbök: -kepek -tomb_id Függvények: -betolt -csere

Fájl lista: -index.html -sakk.js -zsolti.css kep mappa: bg.jpg sb.png sf.png sgy.png sh.png sk.png sv.png ures.png vb.png vf.png vgy.png vh.png vk.png vv.png Forráskódok: -index.html

3

<script type="text/javascript" src="sakk.js">

4

Sakk
	A	B	C	D	E	F	G	H
8	<script> szin="#333333"; for (i=0;i<8;i++) { document.write(''); for (j=0;j<8;j++) { if (((i+j) % 2)==0) szin="#FFFFFF" else szin="#333333" document.write(""); } document.write(""); }								8
7									7
6									6
5									5
4									4
3									3
2									2
1									1
	A	B	C	D	E	F	G	H
Honnan: <select id="e1"> A B C D E F G H <select id="e2"> 1 2 3 4 5 6 7 8 Hova: <select id="m1"> A B C D E F G 5 H <select id="m2"> 1 2 3 4 5 6 7 8

-zsolti.css body{ background: url(kep/bg.jpg); } #tabla{ background: #000; color: #FFF; text-align: center; font-weight: bold; margin: 0 auto; } input{ border:0; background-color:white; }

-sakk.js kepek = new Array(8); for (i=0;i<8;i++) kepek[i]=new Array(8); kepek[0][0]="kep/sb.png"; kepek[0][1]="kep/sh.png"; kepek[0][2]="kep/sf.png"; kepek[0][3]="kep/sv.png"; kepek[0][4]="kep/sk.png"; kepek[0][5]="kep/sf.png"; kepek[0][6]="kep/sh.png"; kepek[0][7]="kep/sb.png"; for (i=0;i<8;i++) kepek[1][i]="kep/sgy.png"; for (i=2;i<6;i++) for (j=0;j<8;j++) kepek[i][j]="kep/ures.png"; for (i=0;i<8;i++) kepek[6][i]="kep/vgy.png";

6

kepek[7][0]="kep/vb.png"; kepek[7][1]="kep/vh.png"; kepek[7][2]="kep/vf.png"; kepek[7][3]="kep/vv.png"; kepek[7][4]="kep/vk.png"; kepek[7][5]="kep/vf.png"; kepek[7][6]="kep/vh.png"; kepek[7][7]="kep/vb.png"; tomb_id=new Array(8); for (i=0;i<8;i++) tomb_id[i]=new Array(8); for (i=0;i<8;i++) { for (j=0;j<8;j++) { x='k'+i+j; tomb_id[i][j]=x; } } function betolt() { for (i=0;i<8;i++) for (j=0;j<8;j++) document.getElementById(tomb_id[i][j]).src=kepek[i][j]; } function csere() { p=document.getElementById("e1").value; o=document.getElementById("e2").value; r=document.getElementById("m1").value; q=document.getElementById("m2").value; if (kepek[q][r]=="kep/ures.png") { sv=kepek[o][p]; kepek[o][p]=kepek[q][r]; kepek[q][r]=sv; } else { if (kepek[o][p]!="kep/ures.png") { kepek[q][r]=kepek[o][p]; kepek[o][p]="kep/ures.png"; } } betolt(); }

Készítette: Hollósy György 2/14/Aw. Bármilyen probléma esetén jelezzen a [email protected] e-mail címen.

7