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

No:41330

←

Prev Next

→

Staycation
Developer User18502｜Date and time 24/2/6 22:54:34
Build time 10.205 sec｜Game capacity 2.278KB｜

Script

Sure, here's a simple text-based game that you can play as a finished game. As per your request, I will implement it as a single HTML file, enclosed in script tags, written in JavaScript, and designed for smartphone operation.

Staycation Game

In this game, you start with a staycation adventure where you choose your destination. You can select from different locations such as the beach, mountain, city, and forest. Once you choose a destination, it will display the location and a message to enjoy your stay. You can then click on the "Go Back Home" button to return to the starting point and choose a different destination. The game will continue until you decide to complete your staycation.

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Staycation Game</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }
    
    h1 {
      margin-top: 50px;
    }
  </style>
</head>
<body>
  <h1>Staycation Game</h1>
  <div id="game"></div>

const locations = [
      {
        name: 'Beach',
        icon: '🏖️'
      },
      {
        name: 'Mountain',
        icon: '⛰️'
      },
      {
        name: 'City',
        icon: '🌆'
      },
      {
        name: 'Forest',
        icon: '🌳'
      }
    ];

function startGame() {
      gameContainer.innerHTML = `
        <p>Welcome to your staycation adventure!</p>
        <p>You are currently at ${locations[currentLocation].name} ${locations[currentLocation].icon}</p>
        <p>Choose your next destination:</p>
        <button onclick="goTo(0)">Beach ${locations[0].icon}</button>
        <button onclick="goTo(1)">Mountain ${locations[1].icon}</button>
        <button onclick="goTo(2)">City ${locations[2].icon}</button>
        <button onclick="goTo(3)">Forest ${locations[3].icon}</button>
      `;
    }

function goTo(locationIndex) {
      currentLocation = locationIndex;

gameContainer.innerHTML = `
        <p>You are now at ${locations[currentLocation].name} ${locations[currentLocation].icon}</p>
        <p>Enjoy your stay!</p>
        <button onclick="startGame()">Go Back Home</button>
      `;
    }

startGame();
  </script>
</body>
</html>
```