Try it live here: Battleship-JS
A Battleship game written in vanilla JavaScript. I applied TDD while building out the gameplay functions to gain more experience with testing in Javascript. I began with simple factory functions to represent the ship and gameboard and wrote tests for methods that interacted with the board, then built out the methods one by one. I also had to work with event listeners like mouseover in order to change the board tile colors in realtime for a more dynamic gameplay experience.
- HTML/CSS
- Javascript
- Jest
- Webpack
To play locally on your computer:
- Clone the repo
- Run
cd battleship-jsto enter the repo directory - Run
npm install - Run
npm start
First pl 5916 ace your 5 ships in this order:
- Destroyer - Size: 2
- Submarine - Size: 3
- Cruiser - Size: 3
- Battleship - Size: 4
- Carrier - Size: 5
You can place them horizontally or vertically by clicking the rotate button above your board. Once they are placed, the game will begin, with the CPU placing its ships randomly. Simply click on the other board and try to sink all enemy ships!