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

No:5893

2575

←

Prev Next

→

Petroleum decomposition game! Decompose petroleum ..ALL
Developer User3589｜Date and time 23/7/1 1:02:21
Build time 21.293 sec｜Game capacity 1.84KB｜

Script

了解しました。以下に、石油分解ゲームのサンプルプログラムを示します。

石油分解ゲーム

石油を石と油に分解しましょう！

石油の個数: 10

石の個数: 0

油の個数: 0

このプログラムは、石油を石と油に分解するというゲームです。最初に石油の個数が10個表示され、ゲームクリア条件として、石の個数が5個以上かつ油の個数が5個以上になるとアラートが表示されます。「石油を分解する」ボタンをクリックすると、石油の個数が1減り、石の個数と油の個数が1増えます。それぞれの個数がページ上に表示されます。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下に、石油分解ゲームのサンプルプログラムを示します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>石油分解ゲーム</title>
</head>
<body>
  <h1>石油分解ゲーム</h1>
  <p>石油を石と油に分解しましょう！</p>
  
  <button id="oilButton" onclick="decompose()">石油を分解する</button>

<h2>石油の個数: <span id="oilCount">10</span></h2>
  <h2>石の個数: <span id="stoneCount">0</span></h2>
  <h2>油の個数: <span id="oilStoneCount">0</span></h2>

// 分解ボタンがクリックされた時の処理
    function decompose() {
      if (oilCount > 0) {
        oilCount--;
        stoneCount++;
        oilStoneCount++;
      }

// 個数の表示更新
      document.getElementById("oilCount").textContent = oilCount;
      document.getElementById("stoneCount").textContent = stoneCount;
      document.getElementById("oilStoneCount").textContent = oilStoneCount;

// ゲームクリアの判定
      if (stoneCount >= 5 && oilStoneCount >= 5) {
        alert("ゲームクリア！");
      }
    }
  </script>
</body>
</html>
```

このプログラムは、石油を石と油に分解するというゲームです。最初に石油の個数が10個表示され、ゲームクリア条件として、石の個数が5個以上かつ油の個数が5個以上になるとアラートが表示されます。

「石油を分解する」ボタンをクリックすると、石油の個数が1減り、石の個数と油の個数が1増えます。それぞれの個数がページ上に表示されます。