jade plant (Crassula argentea, Crassula ovata)'s game | AI game creator

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

No:7377

712

jade plant (Crassula argentea, Crassula ovata)
Developer User4009｜Date and time 23/7/7 2:52:23
Build time 11.013 sec｜Game capacity 1.72KB｜

→ 　

3　

1　

[PR]現在のフィギュア売れ筋ランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>金のなる木</title>
  <style>
    body {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100vh;
      font-size: 48px;
    }
    button {
      font-size: 32px;
      padding: 16px 32px;
      margin-top: 24px;
    }
  </style>
</head>
<body>
  <button id="grow-button">育てる</button>
  <button id="harvest-button">収穫する</button>
  <p id="status"></p>

<script>
    let money = 0;
    let treeHeight = 0;
    let isGrowing = false;
  
    function updateStatus() {
      document.getElementById("status").innerText = "お金: " + money + "円\n木の高さ: " + treeHeight;
    }
  
    function startGrowing() {
      if (!isGrowing) {
        isGrowing = true;
        growTree();
        document.getElementById("grow-button").disabled = true;
        document.getElementById("harvest-button").disabled = true;
      }
    }
  
    function growTree() {
      if (treeHeight < 10) {
        setTimeout(function() {
          treeHeight++;
          updateStatus();
          growTree();
        }, 1000);
      } else {
        document.getElementById("harvest-button").disabled = false;
      }
    }
  
    function harvestTree() {
      if (treeHeight === 10) {
        treeHeight = 0;
        money += 100;
        isGrowing = false;
        updateStatus();
        document.getElementById("grow-button").disabled = false;
      }
    }
  
    document.getElementById("grow-button").addEventListener("click", startGrowing);
    document.getElementById("harvest-button").addEventListener("click", harvestTree);
    updateStatus();
  </script>
</body>
</html>