Click here for free DL of the app version that can save data.

No:25817

A battle ship game where I have 5 bombs to use to ..ALL
Developer User12687｜Date and time 23/11/25 0:30:42
Build time 111.357 sec｜Game capacity 3.851KB｜

Script

Sure! Here's a simple implementation of a Battleship game using JavaScript, HTML, and pictograms:

Battleship Game

Click on the tiles to place your bombs and sink the enemy's ships!

In this game, you have a 5x5 grid of tiles and 5 bombs to place. Clicking on each tile will place a bomb on that position. The aim is to sink the enemy's ship, which is located at row 3, column 3. If you hit the ship's engine, you win the game. Once you've used all your bombs, the game is over. The tiles are represented by pictogram bombs (💣) for a visual effect. Enjoy playing the game on your smartphone or any web browser!

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

Click here for free DL of the app version that can save data.

Sure! Here's a simple implementation of a Battleship game using JavaScript, HTML, and pictograms:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Battleship Game</title>
    <style>
      /* CSS for grid and tiles */
      .grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        width: 400px;
        height: 400px;
        margin: 0 auto;
      }

.tile {
        border: 1px solid black;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
      }

/* CSS for pictograms */
      .icon {
        font-family: "Segoe UI Symbol", sans-serif;
        font-size: 40px;
      }
    </style>
  </head>
  <body>
    <h1>Battleship Game</h1>
    <p>Click on the tiles to place your bombs and sink the enemy's ships!</p>
    <div class="grid">
      
      <div class="tile" onclick="placeBomb(1, 1)"></div>
      <div class="tile" onclick="placeBomb(1, 2)"></div>
      <div class="tile" onclick="placeBomb(1, 3)"></div>
      <div class="tile" onclick="placeBomb(1, 4)"></div>
      <div class="tile" onclick="placeBomb(1, 5)"></div>
      <div class="tile" onclick="placeBomb(2, 1)"></div>
      <div class="tile" onclick="placeBomb(2, 2)"></div>
      <div class="tile" onclick="placeBomb(2, 3)"></div>
      <div class="tile" onclick="placeBomb(2, 4)"></div>
      <div class="tile" onclick="placeBomb(2, 5)"></div>
      <div class="tile" onclick="placeBomb(3, 1)"></div>
      <div class="tile" onclick="placeBomb(3, 2)"></div>
      <div class="tile" onclick="placeBomb(3, 3)"></div>
      <div class="tile" onclick="placeBomb(3, 4)"></div>
      <div class="tile" onclick="placeBomb(3, 5)"></div>
      <div class="tile" onclick="placeBomb(4, 1)"></div>
      <div class="tile" onclick="placeBomb(4, 2)"></div>
      <div class="tile" onclick="placeBomb(4, 3)"></div>
      <div class="tile" onclick="placeBomb(4, 4)"></div>
      <div class="tile" onclick="placeBomb(4, 5)"></div>
      <div class="tile" onclick="placeBomb(5, 1)"></div>
      <div class="tile" onclick="placeBomb(5, 2)"></div>
      <div class="tile" onclick="placeBomb(5, 3)"></div>
      <div class="tile" onclick="placeBomb(5, 4)"></div>
      <div class="tile" onclick="placeBomb(5, 5)"></div>
    </div>

function disableTiles() {
        var tiles = document.getElementsByClassName("tile");
        for (var i = 0; i < tiles.length; i++) {
          tiles[i].onclick = null;
        }
      }
    </script>
  </body>
</html>
```

Enjoy playing the game on your smartphone or any web browser!