1+ var view = {
2+ displayMessage : function ( msg ) {
3+ var messageArea = document . getElementById ( "messageArea" ) ;
4+ messageArea . innerHTML = msg ;
5+ } ,
6+ displayHit : function ( location ) {
7+ var cell = document . getElementById ( location ) ;
8+ cell . setAttribute ( "class" , "hit" ) ;
9+ } ,
10+ displayMiss : function ( location ) {
11+ var cell = document . getElementById ( location ) ;
12+ cell . setAttribute ( "class" , "miss" ) ;
13+ }
14+ } ;
15+
16+ var model = {
17+ boardSize : 7 ,
18+ numShips : 3 ,
19+ shipLength : 3 ,
20+ shipsSunk : 0 ,
21+
22+ ships : [ { locations : [ 0 , 0 , 0 ] , hits : [ "" , "" , "" ] } ,
23+ { locations : [ 0 , 0 , 0 ] , hits : [ "" , "" , "" ] } ,
24+ { locations : [ 0 , 0 , 0 ] , hits : [ "" , "" , "" ] } ] ,
25+
26+ fire : function ( guess ) {
27+ for ( var i = 0 ; i < this . numShips ; i ++ ) {
28+ var ship = this . ships [ i ] ;
29+ var index = ship . locations . indexOf ( guess ) ;
30+ if ( index >= 0 ) {
31+ ship . hits [ index ] = "hit" ;
32+ view . displayHit ( guess ) ;
33+ view . displayMessage ( "HIT!" ) ;
34+ if ( this . isSunk ( ship ) ) {
35+ view . displayMessage ( "You sank my battleship!" ) ;
36+ this . shipsSunk ++ ;
37+ }
38+ return true ;
39+ }
40+ }
41+ view . displayMiss ( guess ) ;
42+ view . displayMessage ( "You missed." ) ;
43+ return false ;
44+ } ,
45+
46+ isSunk : function ( ship ) {
47+ for ( var i = 0 ; i < this . shipLength ; i ++ ) {
48+ if ( ship . hits [ i ] !== "hit" ) {
49+ return false ;
50+ }
51+ }
52+ return true ;
53+ } ,
54+
55+ generateShipLocations : function ( ) {
56+ var locations ;
57+ for ( var i = 0 ; i < this . numShips ; i ++ ) {
58+ do {
59+ locations = this . generateShip ( ) ;
60+ } while ( this . collision ( locations ) ) ;
61+ this . ships [ i ] . locations = locations ;
62+ }
63+ } ,
64+
65+ generateShip : function ( ) {
66+ var direction = Math . floor ( Math . random ( ) * 2 ) ;
67+ var row , col ;
68+
69+ if ( direction === 1 ) {
70+ row = Math . floor ( Math . random ( ) * this . boardSize ) ;
71+ col = Math . floor ( Math . random ( ) * ( this . boardSize - this . shipLength ) ) ;
72+ } else {
73+ row = Math . floor ( Math . random ( ) * ( this . boardSize - this . shipLength ) ) ;
74+ col = Math . floor ( Math . random ( ) * this . boardSize ) ;
75+ }
76+
77+ var newShipLocations = [ ] ;
78+ for ( var i = 0 ; i < this . shipLength ; i ++ ) {
79+ if ( direction === 1 ) {
80+ newShipLocations . push ( row + "" + ( col + i ) ) ;
81+ } else {
82+ newShipLocations . push ( ( row + i ) + "" + col ) ;
83+ }
84+ }
85+ return newShipLocations ;
86+ } ,
87+
88+ collision : function ( locations ) {
89+ for ( var i = 0 ; i < this . numShips ; i ++ ) {
90+ var ship = model . ships [ i ] ;
91+ for ( var j = 0 ; j < locations . length ; j ++ ) {
92+ if ( ship . locations . indexOf ( locations [ j ] ) >= 0 ) {
93+ return true ;
94+ }
95+ }
96+ }
97+ return false ;
98+ }
99+
100+ } ;
101+
102+ var controller = {
103+ guesses : 0 ,
104+
105+ processGuess : function ( guess ) {
106+ var location = parseGuess ( guess ) ;
107+ if ( location ) {
108+ this . guesses ++ ;
109+ var hit = model . fire ( location ) ;
110+ if ( hit && model . shipsSunk === model . numShips ) {
111+ view . displayMessage ( "You sank all my battleships, in " + this . guesses + " guesses" ) ;
112+ }
113+ }
114+ }
115+ } ;
116+
117+
118+ function parseGuess ( guess ) {
119+ var alphabet = [ "A" , "B" , "C" , "D" , "E" , "F" , "G" ] ;
120+
121+ if ( guess === null || guess . length !== 2 ) {
122+ alert ( "Oops, please enter a letter and a number on the board." ) ;
123+ } else {
124+ firstChar = guess . charAt ( 0 ) ;
125+ var row = alphabet . indexOf ( firstChar ) ;
126+ var column = guess . charAt ( 1 ) ;
127+
128+ if ( isNaN ( row ) || isNaN ( column ) ) {
129+ alert ( "Oops, that isn't on the board." ) ;
130+ } else if ( row < 0 || row >= model . boardSize || column < 0 || column >= model . boardSize ) {
131+ alert ( "Oops, that's off the board!" ) ;
132+ } else {
133+ return row + column ;
134+ }
135+ }
136+ return null ;
137+ }
138+
139+ function init ( ) {
140+ var fireButton = document . getElementById ( "fireButton" ) ;
141+ fireButton . onclick = handleFireButton ;
142+ var guessInput = document . getElementById ( "guessInput" ) ;
143+ guessInput . onkeypress = handleKeyPress ;
144+
145+ model . generateShipLocations ( ) ;
146+ }
147+
148+ function handleKeyPress ( e ) {
149+ var fireButton = document . getElementById ( "fireButton" ) ;
150+ if ( e . keyCode === 13 ) {
151+ fireButton . click ( ) ;
152+ return false ;
153+ }
154+ }
155+
156+ function handleFireButton ( ) {
157+ var guessInput = document . getElementById ( "guessInput" ) ;
158+ var guess = guessInput . value ;
159+ controller . processGuess ( guess ) ;
160+
161+ guessInput . value = "" ;
162+ }
163+
164+ window . onload = init
0 commit comments