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

No:7546

2126

←

Prev Next

→

telephone (game)
Developer User4029｜Date and time 23/7/8 15:29:52
Build time 18.073 sec｜Game capacity 2.706KB｜

Script

了解です。伝言ゲームを作成します。以下が実装例です。このコードは1枚のHTMLファイル内にHTMLとJavaScriptを含んでいます。スマートフォンで遊べるようにしてあり、絵文字も使用しています。

伝言ゲーム

このゲームでは、最初に「ゲームを開始する」ボタンをタップするとゲームが開始されます。画面に表示されるメッセージを読んで入力欄にそのメッセージを入力し、送信ボタンをタップすることで次のメッセージに進みます。すべてのメッセージを正しく入力すると「ゲームクリア！」と表示されます。以上が伝言ゲームの実装例です。もし他のゲームを希望される場合は、具体的な要件を教えていただければ対応いたします。

←

Prev　Next

→ 　

Back　

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

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

了解です。伝言ゲームを作成します。

以下が実装例です。このコードは1枚のHTMLファイル内にHTMLとJavaScriptを含んでいます。スマートフォンで遊べるようにしてあり、絵文字も使用しています。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>伝言ゲーム</title>
  <style>
    body {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100vh;
      font-size: 24px;
    }
  </style>
</head>
<body>
  <h1>伝言ゲーム</h1>
  <button onclick="startGame()">ゲームを開始する</button>
  <div id="message" style="margin-top: 20px;"></div>
  <div id="inputArea" style="display: none; margin-top: 20px;">
    <input type="text" id="input" placeholder="メッセージを入力してください">
    <button onclick="sendMessage()">送信</button>
  </div>

let currentIndex = 0;

function startGame() {
      document.getElementById("inputArea").style.display = "block";
      displayMessage();
    }

function displayMessage() {
      document.getElementById("message").textContent = messages[currentIndex];
    }

function sendMessage() {
      const inputElement = document.getElementById("input");
      const message = inputElement.value;

if (message === messages[currentIndex]) {
        currentIndex++;
        inputElement.value = "";
        displayMessage();
      } else {
        alert("違うメッセージです。もう一度試してみてください！");
      }

if (currentIndex === messages.length) {
        alert("ゲームクリア！おめでとうございます！");
        currentIndex = 0;
        document.getElementById("inputArea").style.display = "none";
      }
    }
  </script>
</body>
</html>
```

このゲームでは、最初に「ゲームを開始する」ボタンをタップするとゲームが開始されます。画面に表示されるメッセージを読んで入力欄にそのメッセージを入力し、送信ボタンをタップすることで次のメッセージに進みます。すべてのメッセージを正しく入力すると「ゲームクリア！」と表示されます。

以上が伝言ゲームの実装例です。もし他のゲームを希望される場合は、具体的な要件を教えていただければ対応いたします。