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

No:8153

2383

←

Prev Next

→

Approaching at high speed
Developer User4134｜Date and time 23/7/13 19:51:37
Build time 21.655 sec｜Game capacity 2.976KB｜

Script

了解です。以下はサンプルのハングマンゲームの実装例です。

Hangman Game

このプログラムは、ハングマンという単語当てゲームを実装しています。プレイヤーはボタンをクリックして英字を予想し、正解の単語を当てることを目指します。間違えた回数が一定以上になるとゲームオーバーとなり、正解すると祝福のメッセージが表示されます。

←

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>Hangman Game</title>
  <style>
    #word-display {
      font-size: 3rem;
      margin-bottom: 1rem;
    }
  </style>
</head>
<body>
  <h1>Hangman Game</h1>
  <div id="word-display"></div>
  <div id="keyboard"></div>

// ランダムに単語を選び、当てる文字をブランクで表示する
    function startGame() {
      const randomIndex = Math.floor(Math.random() * words.length);
      answer = words[randomIndex];

revealed = "";
      for (let i = 0; i < answer.length; i++) {
        revealed += "_";
      }

updateDisplay();
    }

// 画面表示を更新する
    function updateDisplay() {
      const wordDisplay = document.getElementById("word-display");
      wordDisplay.textContent = revealed;

const keyboard = document.getElementById("keyboard");
      keyboard.innerHTML = "";

// AからZまでのボタンを生成する
      for (let i = 0; i < 26; i++) {
        const letter = String.fromCharCode(65 + i); // AからZまでの文字

const button = document.createElement("button");
        button.textContent = letter;
        button.addEventListener("click", () => guess(letter));
        keyboard.appendChild(button);
      }
    }

// 文字を予想する
    function guess(letter) {
      let found = false;

// 当てる文字が単語に含まれているかチェックする
      for (let i = 0; i < answer.length; i++) {
        if (answer[i] === letter.toLowerCase()) {
          revealed = revealed.substr(0, i) + letter + revealed.substr(i + 1);
          found = true;
        }
      }

// 当てられなかった場合、間違えた回数をインクリメントする
      if (!found) {
        mistakes++;
      }

// ゲームの状態をチェックする
      checkGameStatus();
    }

// ゲームの状態をチェックする
    function checkGameStatus() {
      if (mistakes >= 6) {
        alert("Game Over");
        startGame();
      } else if (!revealed.includes("_")) {
        alert("Congratulations! You Won!");
        startGame();
      } else {
        updateDisplay();
      }
    }

// ゲームを開始する
    startGame();
  </script>
</body>
</html>
```