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

No:21032

65

Cute Mafia
Developer バファリンヌ｜Date and time 23/10/13 0:11:58
Build time 71.281 sec｜Game capacity 2.719KB｜

了解です。Cute Mafiaというゲームを作成しましょう。以下にプログラムを記述します。

Cute Mafia

このプログラムは、ブラウザ上でCute Mafiaというゲームを遊ぶことができます。ゲームは以下の手順で進行します。 1. ページを開くと「Cute Mafia」というメッセージが表示されます。 2. 「Start」ボタンを押すと、プレイヤーのキャラクターがランダムに選ばれます（絵文字で表現されます）。 3. 選ばれたキャラクターと他のキャラクター（絵文字）が表示され、プレイヤーは自分のキャラクターを当てるためにボタンをクリックします。 4. もしプレイヤーが正しいボタンをクリックした場合は、「You Win!」と表示されます。間違ったボタンをクリックした場合は、「You Lose!」と表示されます。 5. ゲームが終了したら、キャラクターのボタンが消えます。このプログラムは1枚のHTMLファイルとして実装されており、JavaScriptは`
`タグで囲まれています。プログラムが実行開始されていること、スマホで遊ぶことが前提となっています。

→ 　

0　

0　

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

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

(C)2023 HisashiApp

了解です。Cute Mafiaというゲームを作成しましょう。以下にプログラムを記述します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>Cute Mafia</title>
  <style>
    body {
      background-color: pink;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100vh;
      font-size: 3rem;
    }

#message {
      margin-bottom: 3rem;
    }

button {
      padding: 1rem;
      font-size: 2rem;
    }
  </style>
</head>
<body>
  <h1 id="message">Cute Mafia</h1>
  <button onclick="startGame()">Start</button>

<script>
    function startGame() {
      var characters = ["🐱", "🐰", "🐼", "🦊", "🐻"];
      var chosenIndex = Math.floor(Math.random() * characters.length);
      var chosenCharacter = characters[chosenIndex];

var message = document.getElementById("message");
      message.textContent = `Your character: ${chosenCharacter}`;

var buttonsContainer = document.createElement("div");

characters.forEach(function(character, index) {
        var button = document.createElement("button");
        button.textContent = character;
        button.addEventListener("click", function() {
          if (index === chosenIndex) {
            message.textContent = "You Win!";
          } else {
            message.textContent = "You Lose!";
          }

buttonsContainer.remove();
        });

buttonsContainer.appendChild(button);
      });

document.body.appendChild(buttonsContainer);
    }
  </script>
</body>
</html>
```

このプログラムは、ブラウザ上でCute Mafiaというゲームを遊ぶことができます。ゲームは以下の手順で進行します。

1. ページを開くと「Cute Mafia」というメッセージが表示されます。
2. 「Start」ボタンを押すと、プレイヤーのキャラクターがランダムに選ばれます（絵文字で表現されます）。
3. 選ばれたキャラクターと他のキャラクター（絵文字）が表示され、プレイヤーは自分のキャラクターを当てるためにボタンをクリックします。
4. もしプレイヤーが正しいボタンをクリックした場合は、「You Win!」と表示されます。間違ったボタンをクリックした場合は、「You Lose!」と表示されます。
5. ゲームが終了したら、キャラクターのボタンが消えます。

このプログラムは1枚のHTMLファイルとして実装されており、JavaScriptは`<script>`タグで囲まれています。プログラムが実行開始されていること、スマホで遊ぶことが前提となっています。