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

No:12014

168

←

Prev Next

→

crawling game
Developer User1006｜Date and time 23/8/13 14:17:31
Build time 15.93 sec｜Game capacity 1.93KB｜

Script

了解しました。以下に指示通りの要件を満たすHTMLファイルで実装されたハイハイゲームの例を示します。

ハイハイゲーム

スコア: 0

ハイかローを選んでください

このHTMLファイルはスコアを管理し、ユーザーが「ハイ」か「ロー」を選ぶハイハイゲームです。ボタンをクリックすることでゲームが実行され、ランダムな1から6の数字が表示されます。ユーザーが予想した結果と比較して正解かどうかが表示され、スコアも更新されます。

←

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>ハイハイゲーム</title>
  <style>
    body {
      text-align: center;
    }
    .score {
      font-size: 24px;
    }
    .button {
      display: inline-block;
      padding: 10px;
      font-size: 18px;
      background-color: lightblue;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>ハイハイゲーム</h1>
  <p class="score">スコア: 0</p>
  <div id="gameContainer">
    <p id="message">ハイかローを選んでください</p>
    <button class="button" onclick="playGame(true)">ハイ</button>
    <button class="button" onclick="playGame(false)">ロー</button>
  </div>

// ハイハイゲームの関数
    function playGame(high) {
      // 1から6までの乱数を生成
      const randomNum = Math.floor(Math.random() * 6) + 1;

// ゲームの結果を判定
      let result = "";
      if ((randomNum > 3 && high) || (randomNum <= 3 && !high)) {
        score++;
        result = "正解！";
      } else {
        score--;
        result = "不正解...";
      }

// スコアとメッセージの更新
      document.querySelector(".score").textContent = `スコア: ${score}`;
      document.querySelector("#message").textContent = `${randomNum}が出ました！${result}`;
    }
  </script>
</body>
</html>
```