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

No:16447

A game where you have to collect money and bulid a..ALL
Developer User6337｜Date and time 23/9/18 5:05:01
Build time 39.165 sec｜Game capacity 4.077KB｜

Script

Sure! Here's an example of a game in HTML with JavaScript where you can collect money, build a store, and visit different places of increasing difficulty and cost.

Money Collector Game

Collect money to build your store!

Place 1

$10

Place 2

$50

Place 3

$100

Place 4

$500

Place 5

$1000

In this game, you start with $0 and can collect money by clicking the "Collect Money" button. Once you have enough money ($100), you can click the "Build Store" button to build a store. After building the store, the button will become disabled. You can then visit each place by clicking the corresponding "Visit" button, provided you have enough money for each place's cost. The game keeps track of your money and shows messages accordingly. Feel free to modify and enhance the code to suit your specific requirements.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a game in HTML with JavaScript where you can collect money, build a store, and visit different places of increasing difficulty and cost.

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Money Collector</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }

#money {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 20px;
    }

#message {
      margin-bottom: 20px;
    }

#actions {
      display: flex;
      justify-content: center;
      gap: 20px;
    }

#store {
      margin-top: 40px;
    }

.place {
      margin-top: 20px;
    }

button {
      padding: 10px 20px;
      font-size: 16px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Money Collector Game</h1>

<div id="money">$0</div>
  <div id="message">Collect money to build your store!</div>

<div id="actions">
    <button id="collectBtn">Collect Money</button>
    <button id="buildBtn">Build Store</button>
  </div>

<div class="place">
    <h2>Place 1</h2>
    <button class="visitBtn">Visit</button>
    <span class="cost">$10</span>
  </div>

<div class="place">
    <h2>Place 2</h2>
    <button class="visitBtn">Visit</button>
    <span class="cost">$50</span>
  </div>

<div class="place">
    <h2>Place 3</h2>
    <button class="visitBtn">Visit</button>
    <span class="cost">$100</span>
  </div>

<div class="place">
    <h2>Place 4</h2>
    <button class="visitBtn">Visit</button>
    <span class="cost">$500</span>
  </div>

<div class="place">
    <h2>Place 5</h2>
    <button class="visitBtn">Visit</button>
    <span class="cost">$1000</span>
  </div>

// Update money display
    function updateMoney() {
      document.getElementById('money').textContent = `$${money}`;
    }

// Collect money
    document.getElementById('collectBtn').addEventListener('click', function() {
      money += 10;
      updateMoney();
      document.getElementById('message').textContent = "You collected $10!";
    });

// Build store
    document.getElementById('buildBtn').addEventListener('click', function() {
      if (money >= 100 && !storeBuilt) {
        money -= 100;
        storeBuilt = true;
        updateMoney();
        document.getElementById('store').textContent = "You built a store!";
        document.getElementById('buildBtn').disabled = true;
      } else {
        document.getElementById('message').textContent = "Not enough money to build a store!";
      }
    });

// Visit a place
    const visitButtons = document.getElementsByClassName('visitBtn');
    const placeCosts = document.getElementsByClassName('cost');
    for (let i = 0; i < visitButtons.length; i++) {
      visitButtons[i].addEventListener('click', function() {
        const cost = parseInt(placeCosts[i].textContent.replace('$', ''));
        if (money >= cost) {
          money -= cost;
          currentPlace++;
          updateMoney();
          document.getElementById('message').textContent = `You visited Place ${currentPlace}!`;
          document.getElementsByClassName('place')[i].style.display = 'none';
        } else {
          document.getElementById('message').textContent = "Not enough money to visit this place!";
        }
      });
    }
  </script>
</body>
</html>
```

Feel free to modify and enhance the code to suit your specific requirements.