In this chapter, we are going to develop a full game using HTML, CSS, and JavaScript. We will focus on the JavaScript coding, therefore, we will not care about the graphics of the game. We will code a game named Battleship. Many of you have heard of it before. This is a memory game. Your imagination and intuition will help you to win the game. There are a few variations for playing the game.
Let's discuss how the game looks. There are a few square-shaped geometrical objects connected to each other as shown in the following. The number of rows and columns need to be equal:
The rows and columns are usually named with the help of number system or alphabets. Let's say that the rows are 1, 2, 3, 4, 5, 6, 7, 8, 9, and 10. The columns are A, B, C, D, E, F, G, H, I, and J. We can name them by either numbers or alphabets:
It is a two player game. The following are its rules:
Both the players will secretly place their ships (there can be different types of boats or...