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

No:39495

お父さんとお母さんが繁殖して、赤ちゃんをいっぱい作る
Developer User17654｜Date and time 24/1/28 15:27:49
Build time 11.992 sec｜Game capacity 2.696KB｜

Script

以下が要件を満たすHTMLファイルの実装例です。

Baby Maker Game

このゲームでは、「お父さん」ボタンと「お母さん」ボタンをクリックすることで、それぞれの数が増えます。お互いに1回以上クリックされた場合、赤ちゃんが作られるようになり、「赤ちゃん」ボタンがクリック可能になります。また、一度でも赤ちゃんが作られた場合、リセットボタンがクリック可能になります。以上が要件に従ったゲームの実装例です。スマートフォン上でもプレイ可能で、必要なJavaScriptコードも`
`タグ内に記述されています。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

以下が要件を満たすHTMLファイルの実装例です。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Baby Maker Game</title>
  <style>
    body {
      text-align: center;
      font-size: 2em;
      padding-top: 20vh;
    }

button {
      display: block;
      margin: 20px auto;
      font-size: 1em;
      padding: 10px 20px;
      border: none;
      background-color: #2980b9;
      color: #fff;
      cursor: pointer;
      border-radius: 5px;
    }

button:disabled {
      background-color: #ddd;
      color: #000;
      cursor: not-allowed;
    }
  </style>
</head>
<body>
  <h1>Baby Maker Game</h1>

var fatherBtn = document.getElementById("fatherBtn");
    var motherBtn = document.getElementById("motherBtn");
    var babyBtn = document.getElementById("babyBtn");
    var resetBtn = document.getElementById("resetBtn");

function updateButtons() {
      if (fatherCount >= 1 && motherCount >= 1) {
        babyBtn.disabled = false;
      } else {
        babyBtn.disabled = true;
      }

if (babyCount >= 1) {
        resetBtn.disabled = false;
      } else {
        resetBtn.disabled = true;
      }
    }

function makeBaby() {
      if (fatherCount >= 1 && motherCount >= 1) {
        babyCount++;
      }
      updateButtons();
    }

function resetGame() {
      fatherCount = 0;
      motherCount = 0;
      babyCount = 0;
      updateButtons();
    }

fatherBtn.addEventListener("click", function() {
      fatherCount++;
      updateButtons();
    });

motherBtn.addEventListener("click", function() {
      motherCount++;
      updateButtons();
    });

babyBtn.addEventListener("click", makeBaby);
    resetBtn.addEventListener("click", resetGame);
  </script>
</body>
</html>
```

このゲームでは、「お父さん」ボタンと「お母さん」ボタンをクリックすることで、それぞれの数が増えます。お互いに1回以上クリックされた場合、赤ちゃんが作られるようになり、「赤ちゃん」ボタンがクリック可能になります。また、一度でも赤ちゃんが作られた場合、リセットボタンがクリック可能になります。

以上が要件に従ったゲームの実装例です。スマートフォン上でもプレイ可能で、必要なJavaScriptコードも`<script>`タグ内に記述されています。