moushegh / battleship-javascript

A very very simple Battleship game written in plain JavaScript

Battleship-JavaScript

A very very simple Battleship game written in plain JavaScript: http://learntocodela.github.io/Battleship-JavaScript/

Read about the game and its rules here: https://en.wikipedia.org/wiki/Battleship_(game)

Step 1: Create your files

Useful references:

• Final HTML file
• Final CSS file
• Final JS file
• CSS Relative and Absolute Positioning

Step 2: Create a grid on your HTML page for the game board

Useful references:

• Document.getElementById()
• Document.createElement()
• appendChild()
• style property
• Loops in JavaScript

Step 3: Model the game board in JavaScript and place ships

Useful references:

• Arrays in JavaScript

Step 4: Create event handler and write the game logic

Useful references:

• Events in JavaScript
• Handling Events for Many Elements
• Handling Events - Eloquent JavaScript Chapter 14

Step 5: Play the game!

Play the game here: http://learntocodela.github.io/Battleship-JavaScript/

Features to implement next:

• Display game messages within the HTML page instead of using alert()
• Randomize placement of the ships at the start of each game
• Make better graphics, maybe add sound effects?
• Make a 2-player version of the game!