A game where you have to collect money and bulid a store for 500b dollars's game

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

No:16345

←

Prev Next

→

A game where you have to collect money and bulid a..ALL
Developer User6337｜Date and time 23/9/17 12:05:09
Build time 21.767 sec｜Game capacity 2.915KB｜

Script

Sure, here's an example of a simple game where you have to collect money and build a store worth $500 billion using JavaScript:

In this game, you'll see a character, a money icon, a store icon, and a progress bar. You can collect money by clicking on the money icon. Each click will increment the money collected by 10. Once you have collected a total of $500 billion (represented by the progress bar filling up), the store will be built and you'll receive a congratulatory message. Note: The pictograms used in this example are sourced from Pixabay.com. Please make sure to credit the appropriate authors/creators if you decide to use them elsewhere.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure, here's an example of a simple game where you have to collect money and build a store worth $500 billion using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Money Collector Game</title>
  <style>
    #character {
      position: relative;
      width: 50px;
      height: 50px;
      background: url('https://cdn.pixabay.com/photo/2016/03/31/19/38/achievement-1294268_960_720.png') no-repeat center;
      background-size: contain;
    }

#money {
      position: absolute;
      width: 50px;
      height: 50px;
      background: url('https://cdn.pixabay.com/photo/2013/07/12/17/47/coin-152390_960_720.png') no-repeat center;
      background-size: contain;
    }

#store {
      position: absolute;
      width: 100px;
      height: 100px;
      background: url('https://cdn.pixabay.com/photo/2018/12/24/02/59/garage-3890195_960_720.png') no-repeat center;
      background-size: contain;
    }

#progress {
      width: 100%;
      background: #ccc;
    }

#progress-bar {
      height: 10px;
      background: green;
    }
  </style>
</head>
<body>
  <div id="character"></div>
  <div id="money"></div>
  <div id="store"></div>
  <div id="progress">
    <div id="progress-bar"></div>
  </div>

// Variables
    let moneyCollected = 0;

// Event listener for collecting money
    document.getElementById('money').addEventListener('click', collectMoney);

// Function to handle money collection
    function collectMoney() {
      moneyCollected += moneyIncrement;
      document.getElementById('money').style.display = 'none';

// Update progress bar
      let progressPercentage = (moneyCollected / requiredMoney) * 100;
      document.getElementById('progress-bar').style.width = progressPercentage + '%';

if (moneyCollected >= requiredMoney) {
        buildStore();
      }
    }

// Function to build the store
    function buildStore() {
      document.getElementById('progress-bar').style.background = 'blue';
      document.getElementById('store').style.display = 'block';
      document.getElementById('progress').innerHTML = 'Congratulations! You built the store for 500 billion dollars.';
    }
  </script>
</body>
</html>
```

Note: The pictograms used in this example are sourced from Pixabay.com. Please make sure to credit the appropriate authors/creators if you decide to use them elsewhere.