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

No:11497

146

←

Prev Next

→

The Day of the Beast
Developer User1006｜Date and time 23/8/10 17:45:58
Build time 20.332 sec｜Game capacity 1.803KB｜

Script

了解です。では、以下に「野獣の日」という簡単なゲームを実装します。

野獣の日ゲーム

クリックして野獣の日を始めましょう！

このHTMLファイルでは、「野獣の日ゲーム」というタイトルを持ち、クリックすることでゲームが開始され、10秒間のカウントダウンが表示されます。10秒が経過するとゲームが終了し、終了メッセージが表示されます。実際の動作が確認できるよう、スマートフォンやブラウザでこのHTMLファイルを開いて遊んでみてください。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

了解です。では、以下に「野獣の日」という簡単なゲームを実装します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>野獣の日</title>
</head>
<body>
  <h1>野獣の日ゲーム</h1>
  <p id="message">クリックして野獣の日を始めましょう！</p>
  <p id="countdown"></p>

function startGame() {
      var message = document.getElementById("message");
      message.innerHTML = "ゲーム開始！";
      message.style.color = "black";

var countdown = document.getElementById("countdown");
      countdown.innerHTML = "残り時間：" + count + "秒";

// 毎秒カウントダウンするタイマーを設定
      timerId = setInterval(function() {
        count--;
        countdown.innerHTML = "残り時間：" + count + "秒";

if (count <= 0) {
          finishGame();
        }
      }, 1000);
    }

function finishGame() {
      clearInterval(timerId);
      var message = document.getElementById("message");
      message.innerHTML = "ゲーム終了！";
      message.style.color = "red";
    }

// ページをクリックした時にゲームを開始
    document.addEventListener("click", startGame);
  </script>
</body>
</html>
```

このHTMLファイルでは、「野獣の日ゲーム」というタイトルを持ち、クリックすることでゲームが開始され、10秒間のカウントダウンが表示されます。10秒が経過するとゲームが終了し、終了メッセージが表示されます。

実際の動作が確認できるよう、スマートフォンやブラウザでこのHTMLファイルを開いて遊んでみてください。