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

No:45644

←

Prev Next

→

a game with a shop
Developer User13648｜Date and time 24/2/21 1:26:13
Build time 7.131 sec｜Game capacity 1.164KB｜

Script

Shop Game

Cash: $100

Shop Items

Item 1 - $10

Item 2 - $20

Item 3 - $30

Inventory

You have: 0 items

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Shop Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    #cash {
      font-weight: bold;
    }
    
    .item {
      display: inline-block;
      margin: 10px;
      padding: 10px;
      border: 1px solid #ccc;
      cursor: pointer;
    }
  </style>
</head>
<body>

<h1>Shop Game</h1>
  
  <p>Cash: $<span id="cash">100</span></p>
  
  <h2>Shop Items</h2>
  
  <div class="item" id="item1" onclick="buyItem(10)">Item 1 - $10</div>
  <div class="item" id="item2" onclick="buyItem(20)">Item 2 - $20</div>
  <div class="item" id="item3" onclick="buyItem(30)">Item 3 - $30</div>
  
  <h2>Inventory</h2>
  
  <p>You have: <span id="inventory">0</span> items</p>
  
  <script>
    let cash = 100;
    let inventory = 0;
    
    function buyItem(price) {
      if (cash >= price) {
        cash -= price;
        inventory++;
        document.getElementById("cash").textContent = cash;
        document.getElementById("inventory").textContent = inventory;
      } else {
        alert("Not enough cash to buy this item!");
      }
    }
  </script>

</body>
</html>