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

No:5188

2843

←

Prev Next

→

Consume rain to rain fish!
Developer anonymous｜Date and time 70/1/1 9:36:05
Build time unknown sec｜Game capacity 2.165KB｜

Script

了解しました！以下は、雨を消費して魚を降らせるゲームのサンプルコードです：

雨を消費して魚を降らせよう！

雨の数: 0

魚の数: 0

このゲームでは、雨を使って魚を降らせることができます。プレイヤーは「雨を使う」ボタンをクリックすることで雨を消費し、雨の数が減ります。それにより、「魚を作る」ボタンをクリックしたときに新しい魚がランダムな位置に降ってきます。魚が増えるたびに「魚の数」が表示されます。

←

Prev　Next

→ 　

Back　

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

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

了解しました！以下は、雨を消費して魚を降らせるゲームのサンプルコードです：

```html
<!DOCTYPE html>
<html>
<head>
  <title>雨を消費して魚を降らせよう！</title>
</head>
<body>
  <h1>雨を消費して魚を降らせよう！</h1>
  <p id="rainCount">雨の数: 0</p>
  <p id="fishCount">魚の数: 0</p>
  <button onclick="useRain()">雨を使う</button>
  <button onclick="makeFish()">魚を作る</button>
  <div id="playground"></div>

function useRain() {
      if (rainCount > 0) {
        rainCount--;
        updateCounts();
        createRain();
      }
    }

function makeFish() {
      if (fishCount > 0) {
        fishCount--;
        updateCounts();
        createFish();
      }
    }

function createRain() {
      var rain = document.createElement("span");
      rain.innerText = "☔️";
      rain.style.fontSize = "40px";
      rain.style.position = "absolute";
      rain.style.top = Math.random() * 400 + "px";
      rain.style.left = Math.random() * 400 + "px";
      document.getElementById("playground").appendChild(rain);
    }

function createFish() {
      var fish = document.createElement("span");
      fish.innerText = "🐟";
      fish.style.fontSize = "40px";
      fish.style.position = "absolute";
      fish.style.top = Math.random() * 400 + "px";
      fish.style.left = Math.random() * 400 + "px";
      document.getElementById("playground").appendChild(fish);
    }

function updateCounts() {
      document.getElementById("rainCount").innerText = "雨の数: " + rainCount;
      document.getElementById("fishCount").innerText = "魚の数: " + fishCount;
    }
  </script>
</body>
</html>
```