Project

Battleship — Browser Strategy Game

JavaScript Game Project · 2024

Battleship project preview

Overview

This project recreates the classic Battleship game in the browser. The user places ships on a grid and plays against a computer opponent, taking turns to guess positions and sink all enemy ships.

It was built to practice DOM-driven UIs, game state management in JavaScript, and responsive layout so the board stays usable on smaller screens. The UI aims to stay accessible and clear with good feedback for hits, misses, and game over.

Key features

  • Player vs computer turn-based gameplay
  • Grid-based board rendering in the browser
  • Hit / miss feedback and win condition
  • Responsive layout with a glassy UI to match the rest of the site

Tech

HTML CSS JavaScript

Tags

Game DOM Responsive

Links