Battleship-JavaScript

A very very simple Battleship game written in plain JavaScript: https://github.com/LearnTeachCode/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!