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

#javascript #tutorial #gamedev

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!