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

No:16430

112

←

Prev Next

→

A game where you have to collect money and bulid a..ALL
Developer User6337｜Date and time 23/9/18 4:37:27
Build time 31.312 sec｜Game capacity 3.504KB｜

Script

Sure! Here's an example of a game where you have to collect money, build a store, and go to five different places, with each place becoming more expensive. The game will be implemented as a single HTML file enclosed in `script` tags with JavaScript.

Money Collector Game

Total Money: 0

Store Level: 0

Select a Place:

Cost: $10

Cost: $100

Cost: $1000

Cost: $10000

Cost: $100000

This is a basic implementation of the game. You would need to replace `emozi_dog.png` with the actual paths to the pictograms representing each place. When a place is clicked, the function `handleClick(placeId, cost)` is called, which checks if the player has enough money and updates the game stats accordingly. An alert is shown to inform the player about their purchase and store level.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Money Collector Game</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }
    
    #money {
      font-size: 24px;
      font-weight: bold;
    }
    
    #store {
      font-size: 20px;
      margin-bottom: 10px;
    }
    
    .place {
      width: 200px;
      height: 200px;
      display: inline-block;
      margin: 10px;
      background-color: lightblue;
      border-radius: 10px;
      padding: 10px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Money Collector Game</h1>
  <p>Total Money: <span id="money">0</span></p>
  <p>Store Level: <span id="store">0</span></p>
  <h2>Select a Place:</h2>
  <div id="places">
    <div id="place1" class="place">
      <img src="path/to/place1.png" alt="Place 1" width="150" height="150">
      <p>Cost: $10</p>
    </div>
    <div id="place2" class="place">
      <img src="path/to/place2.png" alt="Place 2" width="150" height="150">
      <p>Cost: $100</p>
    </div>
    <div id="place3" class="place">
      <img src="path/to/place3.png" alt="Place 3" width="150" height="150">
      <p>Cost: $1000</p>
    </div>
    <div id="place4" class="place">
      <img src="path/to/place4.png" alt="Place 4" width="150" height="150">
      <p>Cost: $10000</p>
    </div>
    <div id="place5" class="place">
      <img src="path/to/place5.png" alt="Place 5" width="150" height="150">
      <p>Cost: $100000</p>
    </div>
  </div>
  
  <script>
    var money = 0;
    var storeLevel = 0;
    
    // Function to update the money and store level on the screen
    function updateGameStats() {
      document.getElementById('money').textContent = money;
      document.getElementById('store').textContent = storeLevel;
    }
    
    // Function to handle the click event on a place
    function handleClick(placeId, cost) {
      if (money >= cost) {
        money -= cost;
        storeLevel++;
        updateGameStats();
        alert('Congratulations! You bought ' + placeId + '. You now have a level ' + storeLevel + ' store there.');
      } else {
        alert('Not enough money!');
      }
    }
    
    // Add event listeners to each place
    document.getElementById('place1').addEventListener('click', function() {
      handleClick('Place 1', 10);
    });
    
    document.getElementById('place2').addEventListener('click', function() {
      handleClick('Place 2', 100);
    });
    
    document.getElementById('place3').addEventListener('click', function() {
      handleClick('Place 3', 1000);
    });
    
    document.getElementById('place4').addEventListener('click', function() {
      handleClick('Place 4', 10000);
    });
    
    document.getElementById('place5').addEventListener('click', function() {
      handleClick('Place 5', 100000);
    });
  </script>
</body>
</html>
```

This is a basic implementation of the game. You would need to replace `path/to/placeX.png` with the actual paths to the pictograms representing each place. When a place is clicked, the function `handleClick(placeId, cost)` is called, which checks if the player has enough money and updates the game stats accordingly. An alert is shown to inform the player about their purchase and store level.