DEV Community

Ania Kubow
Ania Kubow

Posted on

Let's build Battleships in pure JavaScript, HTML and CSS

Hey everyone! Welcome to another JavaScript Game walkthrough! In this game, we learn not only how to make the popular retro game battleships, but we team up with YouTuber's codeSTACKr and Web Dev Simplified in order to make it multiplayer and style it to the MAX!

In this walkthrough we will:

  • make 5 draggable ships
  • rotate the ships prior to dragging
  • make the computer take random goes
  • display results based on who has sunk whos ship
  • display the winner

This tutorial will be in pure JavaScript, so no canvas will be used.

We will not be focusing too much on the styling, this video will be all about the logic of the game. Please watch the next two videos in the series to have a completed multiplayer version that is styled.

After watching this video, please head over to:
Codestackr to make it multiplayer: https://youtu.be/TpAwggQJPUQ
Web Dev Simplified for the styling: https://youtu.be/G6JTM-zt-dQ

Thanks for watching! If you liked watching this video, please do hit the Subscribe or Like button so I know to make more!

Top comments (1)

Collapse
 
mubashirwaheed profile image
Mubashir Waheed

Why is this video private?