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

No:6746

133

←

Prev Next

→

Pharaohs Curse
Developer User3903｜Date and time 23/7/3 13:44:39
Build time 35.37 sec｜Game capacity 3.603KB｜

Script

了解しました。では、ファラオの呪いというゲームを作成しましょう。

ファラオの呪い

このゲームでは、ボタンをクリックして自分の手を選ぶと、ランダムにファラオが手を選びます。結果によって勝ち・負け・引き分けが表示されます。ただし、絵文字は実装によってサポートされていないブラウザもあるため、テキストとして結果を表示しています。スマートフォンで操作することを前提にしており、クリックイベントを使用しています。

←

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>
    <style>
      body {
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .title {
        font-size: 24px;
        margin-bottom: 20px;
      }
      .button {
        padding: 10px 20px;
        background-color: orange;
        border: none;
        border-radius: 5px;
        font-size: 20px;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <div>
      <h1 class="title">ファラオの呪い</h1>
      <div id="message"></div>
      <button class="button" onclick="startGame()">スタート</button>
    </div>

// メッセージの表示
        messageDiv.innerText = "ファラオの呪いが始まります！";

// ボタンの作成
        var rockButton = document.createElement("button");
        rockButton.innerText = "グー";
        rockButton.onclick = function() {
          playGame("rock");
        }
        buttonsDiv.appendChild(rockButton);

var paperButton = document.createElement("button");
        paperButton.innerText = "パー";
        paperButton.onclick = function() {
          playGame("paper");
        }
        buttonsDiv.appendChild(paperButton);

var scissorsButton = document.createElement("button");
        scissorsButton.innerText = "チョキ";
        scissorsButton.onclick = function() {
          playGame("scissors");
        }
        buttonsDiv.appendChild(scissorsButton);

messageDiv.appendChild(buttonsDiv);
      }

function playGame(playerChoice) {
        var messageDiv = document.getElementById("message");
        var result = Math.floor(Math.random() * 3); // 0～2のランダムな数値を生成

// ファラオの選択
        var pharaohChoice;
        if (result === 0) {
          pharaohChoice = "グー";
        } else if (result === 1) {
          pharaohChoice = "パー";
        } else {
          pharaohChoice = "チョキ";
        }

// 勝敗判定
        var resultMessage;
        if (playerChoice === pharaohChoice) {
          resultMessage = "引き分けです！";
        } else if (
          (playerChoice === "グー" && pharaohChoice === "チョキ") ||
          (playerChoice === "パー" && pharaohChoice === "グー") ||
          (playerChoice === "チョキ" && pharaohChoice === "パー")
        ) {
          resultMessage = "あなたの勝ちです！";
        } else {
          resultMessage = "あなたの負けです！";
        }

// 結果の表示
        messageDiv.innerHTML = `あなたは <strong>${playerChoice}</strong> を選びました。<br>ファラオは <strong>${pharaohChoice}</strong> を選びました。<br>${resultMessage}`;
      }
    </script>
  </body>
</html>
```

このゲームでは、ボタンをクリックして自分の手を選ぶと、ランダムにファラオが手を選びます。結果によって勝ち・負け・引き分けが表示されます。

ただし、絵文字は実装によってサポートされていないブラウザもあるため、テキストとして結果を表示しています。スマートフォンで操作することを前提にしており、クリックイベントを使用しています。