Fisher men go to far away from seasjore game's game

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

No:39926

131

←

Prev Next

→

Fisher men go to far away from seasjore game
Developer User17050｜Date and time 24/1/30 23:33:37
Build time 13.821 sec｜Game capacity 2.836KB｜

Script

Sure! Here's an example of a simple game where you play as a fisherman going too far away from the seashore. The game is implemented as a single HTML file, containing JavaScript enclosed in script tags. It can be played on a smartphone and uses pictograms for visuals.

🎣

The fisherman is going too far from the seashore!

In this game, the fisherman is represented by the 🎣 pictogram. The player is presented with two buttons - "Try to catch a fish" and "Return to the seashore". By clicking the "Try to catch a fish" button, the fish count increases, and a message is displayed with the updated count. Clicking the "Return to the seashore" button shows the result, either mentioning the number of fish caught or being empty-handed. The fish count resets for a new game. You can save the above code as an HTML file (e.g., `fisherman_game.html`) and open it in a web browser, preferably on a smartphone, to play the game.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Fisherman's Adventure</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
    }

#game-container {
      text-align: center;
      margin-top: 20px;
    }

#player {
      font-size: 24px;
      margin-bottom: 10px;
    }

#message {
      font-size: 18px;
      color: blue;
      margin-bottom: 10px;
    }

#buttons {
      display: flex;
      justify-content: center;
    }

.action-button {
      font-size: 16px;
      margin: 0 10px;
      padding: 10px 20px;
      background-color: lightblue;
      border: none;
      border-radius: 5px;
      cursor: pointer;    
    }

#result {
      font-size: 20px;
      font-weight: bold;
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="player">
      🎣
    </div>
    <div id="message">
      The fisherman is going too far from the seashore!
    </div>
    <div id="buttons">
      <button class="action-button" onclick="caughtFish()">Try to catch a fish</button>
      <button class="action-button" onclick="returnToSeashore()">Return to the seashore</button>
    </div>
    <div id="result"></div>
  </div>

function caughtFish() {
      fishCount++;
      
      const resultElement = document.getElementById("result");
      resultElement.innerText = `You caught ${fishCount} fish!`;
    }

// Reset the fish count for a new game
      fishCount = 0;
    }
  </script>
</body>
</html>
```

You can save the above code as an HTML file (e.g., `fisherman_game.html`) and open it in a web browser, preferably on a smartphone, to play the game.