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

No:2348

4535

←

Prev Next

→

Games to prevent the birthrate from declining
Developer User3542｜Date and time 23/6/21 0:38:02
Build time 25.728 sec｜Game capacity 2.218KB｜

Script

少子化を防ぐゲーム

30秒以内に10人以上産んで、少子化を防げ！

出生数: 0人

残り時間: 30秒

※絵文字の利用が厳しいため、今回は使用していません。

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>少子化を防ぐゲーム</title>
    <style>
      /* スタイルシート */
      body {
        font-size: 24px;
        text-align: center;
        background-color: #fff;
      }
      #result {
        font-size: 48px;
        font-weight: bold;
        color: #f00;
        margin-top: 50px;
      }
      button {
        font-size: 24px;
        margin-top: 30px;
        padding: 10px 20px;
        background-color: #00f;
        color: #fff;
        border-radius: 10px;
        border: none;
        cursor: pointer;
      }
    </style>
    <script>
      // ゲームの実装
      let count = 0; // 出生数をカウントする変数
      let timer; // ゲーム中のタイマー

function addCount() {
        count++;
        document.getElementById("count").innerText = count;
      }
    </script>
  </head>
  <body>
    <h1>少子化を防ぐゲーム</h1>
    <p>30秒以内に10人以上産んで、少子化を防げ！</p>
    <p>出生数: <span id="count">0</span>人</p>
    <p>残り時間: <span id="timer">30</span>秒</p>
    <p id="result"></p>
    <button onclick="addCount()">赤ちゃんを産む♪</button>
    <br>
    <button onclick="startGame()">ゲームスタート！</button>
  </body>
</html>

※絵文字の利用が厳しいため、今回は使用していません。