COMP 110 INTRODUCTION TO PROGRAMMING WWW

Transcription

1 COMP 110 INTRODUCTION TO PROGRAMMING WWW Fall 2011 Hmewrk 3 Submissin Deadline: 10:59 AM, Oct 24 Overview Validating Multiple Chess Mves n a Chessbard Fr this assignment yu will replace yur Javascript cde frm HW 2 with ne that uses arrays and lps fr validating multiple chess mves. As befre, chess pieces can be a King (K), Queen (Q), Bishp (B), Knight (N), Rk (R), r a Pawn (P). Yur prgram will keep asking the user t enter the type f the chess piece, as well as its starting (current) psitin and ending (intended) psitin. It will then validate whether this piece can change its psitin with a single valid mve (given that all f the valid mves entered s far have already taken place). When the user is dne entering all mves, yur prgram will then display a chessbard with all f the valid/invalid mves. Prgram Specificatin Specifically, yur prgram shuld d the fllwing (in the same rder): Ask the user if he/she wants t enter anther mve. If yes, use the 5 prmpts belw t ask fr the mve. If nt, display the final chess bard (as described belw). Prmpt the user t enter the type f the (white) chess piece. The valid ptins are: K, Q, B, N, R, P. Prmpt the user t enter the starting clumn (valid ptins are: a, b, c, d, e, f, g, h). Prmpt the user t enter the starting rw (valid ptins are: 1, 2, 3, 4, 5, 6, 7, 8). Prmpt the user t enter the ending clumn (valid ptins are: a,b, c, d, e, f, g, h). Prmpt the user fr ending rw (valid ptins are: 1,2, 3, 4, 5, 6, 7, 8). If the piece can mve frm the starting psitin t the ending psitin in a single mve, then: The mve is valid and the piece is assigned t the ending psitin. Displays a message (display n the HTML page, nt in an alert bx) that lists the 5 input fields and a message as shwn belw: N d 4 f 5 : This is a valid mve.

2 Page 2 f 6 If the piece can nt mve frm the starting psitin t the ending psitin in a single mve, then: The mve is invalid and the piece is retained at the starting psitin. Yur prgram shuld display a message (display n the HTML page, nt in an alert bx) that lists the 5 input fields and a message as shwn belw: Q g 6 e 3 : This is an INVALID mve. Once the user is dne entering all mves (answers n t the first questin abve), yur prgram shuld display a chessbard, in which: Fr each valid mve, the starting and ending cells are highlighted in green (#00FF00), and the piece is displayed in the ending cell. Fr each invalid mve, the starting and ending cells are highlighted in red (#FF0000), and the piece is displayed in the starting cell, and a bld?! (questin & exclamatin mark) is displayed in the ending cell. Align yur chess bard t the center f the page. NOTE: Cnsider (and display) nly white pieces. If any f the user input is invalid, simply display an apprpriate errr message, and d nthing else (d nt display the chess bard). When a user enters a mve, if the starting/ending psitins verlap with any f the starting/ending psitins he has entered fr nn verlapping mves s far, display an apprpriate errr message, and ignre the mve (d nt display it n the final chess bard). But fr such an input, yur prgram shuld als display a message (in HTML, nt in an alert bx) that lists the 5 input fields and a message as shwn belw: Q g 6 f 5 : This is an OVERLAPPING mve. Use 2 D arrays t remember/stre fr each square f the chess bard (based n user input): What clr shuld be the backgrund What image/text shuld be displayed (if at all) Use (nested) lps fr displaying the chess bard. Use the chess rules specified belw t figure ut if a mve is valid r invalid. (Nte: belw, we assume that 64 cells f the chess bard can be specified using (X,Y) crdinates, where the cell in the lwer left hand crner has a crdinate f (1,1), and the cell n the upper right hand crner has a crdinate f (8,8). Similarly, the cell n the upper left hand crner will have a psitin f (1,8) and the cell n the lwer righthand crner will have a psitin f (8,1). ) Valid King (K) mve: If the piece mves frm (X 1, Y 1 ) t (X 2, Y 2 ), the mve is valid if and nly if X 2 X 1 1, and Y 2 Y 1 1. Valid Bishp (B) mve: If the piece mves frm (X 1, Y 1 ) t (X 2, Y 2 ), the mve is valid if and nly if X 2 X 1 = Y 2 Y 1.

3 Page 3 f 6 Valid Rk (R) mve: If the piece mves frm (X 1, Y 1 ) t (X 2, Y 2 ), the mve is valid if and nly if X 2 = X 1 r Y 2 = Y 1. Valid Queen (Q) mve: A queen s mve is valid if it is either a valid mve fr either a bishp r a rk. Valid Knight (N) mve: If the piece mves frm (X 1, Y 1 ) t (X 2, Y 2 ), the mve is valid if and nly if ( X 2 X 1 = 1 and Y 2 Y 1 = 2) r ( X 2 X 1 = 2 and Y 2 Y 1 = 1). Valid Pawn (P) mve: If the piece mves frm (X 1, Y 1 ) t (X 2, Y 2 ), the mve is valid if and nly if X 2 = X 1 and Y 2 Y 1 = 1. Sample Output: Belw, yu ll find screenshts f a cuple f sample utputs (Firefx brwser). Sample Input 1: OK N d 4 f 5 OK Q g 6 e 3 Cancel Sample Output 1:

4 Page 4 f 6 Sample Input 2: OK N d 4 f 5 OK Q g 9 Sample Output 2: Sample Input 3: OK N d 4 f 5 OK Q d 4 g 7 Sample Output 3:

5 Page 5 f 6 Prgramming Style/Guidelines Abut 10% f the grade is reserved fr a gd prgramming style. S d remember t indent yur cde prperly and d remember t add sufficient cmments. Tips This hmewrk is designed t give yu practice n using arrays and lps. These are the nly additinal cnstructs yu need t cmplete this hmewrk. If yu use arrays effectively t remember the clr and image fr each chessbard square, yu can d away with mst selectin (if) statements frm the part f yur cde that is actually displaying/drawing the final chessbard. If yu use yur arrays effectively, yu will als easily be able t check whether a mve is verlapping with a previus mve. Nte that the use f lps will reduce the ttal lines f Javascript cde yu end up writing (cmpared t Assignment # 2); hwever, the cde will be mre cmplex. S d start early (tday), else yu will nt be able t cmplete the assignment n time! Yur hmewrk will be public and available t the whle wrld including web search engines such as Ggle. S dn't put any infrmatin n the pages that yu dn't want the whle wrld t see. D nt create a link t this page frm any ther page. Submissin Instructins Yur HTML shuld include the fllwing cmments at the tp f the page Yur name COMP 110 Assignment number 3 Ttal time taken t cmplete this assignment Pledge: I have neither given nr received unauthrized aid n this assignment (signed) Sign the pledge by typing yur full name. Give a secret (and cryptic) name t yur HTML file (e.g., xx4yzrt.html). Please d nt use this example name use a different ne. This will help ensure that thers cannt cpy yur submissin. D nt share the name f yur file with anyne (ther than the instructr r the TAs). D nt create a link t this file frm any ther web page! Turn in a single sheet that cntains n paper yur pledge fr this hmewrk (the pledge shuld have yur name, assignment number, yur pledge, and signature). Please type set (d nt hand write). Hand this t either the instructr r the TAs by the submissin deadline.

6 Page 6 f 6 Submit n blackbard the full URL and surce cde fr yur web page n blackbard. e.g., if yur ONYEN lgin id is nyen, and yur assignment file is called xx4yzrt.html, then under Assignment # 3 : Submit the fllwing text in the Cmments bx under Assignment # 3 : Als submit yur HTML file as an attachment, by using the attach lcal file under Assignment # 3 (and chsing xx4yzrt.html). Yu d nt need t turn in a paper cpy f yur HTML file. D NOT mdify yur HTML files after submitting the abve URL n blackbard! S make sure yur hmewrk is ready fr grading befre yu submit it. If yur file is mdified after the submissin deadline, yur assignment will be cnsidered (crrespndingly) late. A Reminder n the Hnr Cde Please review the hnr cde fr this curse. It is k t: Discussing the assigned hmewrk prblem t understand its meaning. Discuss abut specific HTML and Javascript features In all cases yu must explicitly acknwledge any and all substantive help received frm ther individuals. That is, if yu cllabrate in any f the abve ways with ther individuals then yu must include an explicit acknwledgment in yur hmewrk slutin f the persns frm whm yu received aid. Acknwledging thers, if dne prperly, will nt adversely affect yur grade. Unacceptable cllabratin n written hmewrk includes: Cpying HTML r Javascript cde (r any prtin f yur hmewrk slutin) frm ther students, r frm the web. Shuld questins arise during the curse f wrking n a prblem please feel free t cntact the instructr. In principle, if yu wrk with thers in gd faith and are hnest and generus with yur attributins f credit yu will have n prblems.