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

No:6927

98

mahjong
Developer User3146｜Date and time 23/7/4 9:43:26
Build time 26.282 sec｜Game capacity 2.826KB｜

了解です。以下は麻雀風の単純な数字当てゲームの例です。プレイヤーが1から9の数字の中からランダムで選ばれた数字を当てるゲームです。

数字当てゲーム

1から9の数字を当ててください！

残りの試行回数: 5

このプログラムでは、プレイヤーはinputタグに数字を入力して「当てる」ボタンを押すことで回答します。プレイヤーの回答に応じて、正解・不正解・試行回数の情報が表示されます。試行回数が0になるとゲームオーバーになります。正解するとおめでとうのメッセージが表示されます。このような単純なゲームを1枚のHTMLファイルに実装し、JavaScriptを含めることでゲームとして遊ぶことができます。ただし、絵文字の使用はブラウザやOSによって異なる表示になる可能性があるため、確実な表示をするためには画像などを使用することをおすすめします。

→ 　

0　

0　

[PR]現在のゲームギフトランキング

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

(C)2023 HisashiApp

了解です。以下は麻雀風の単純な数字当てゲームの例です。プレイヤーが1から9の数字の中からランダムで選ばれた数字を当てるゲームです。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>数字当てゲーム</title>
  <style>
    body {
      text-align: center;
      font-size: 24px;
      font-weight: bold;
    }
    #message {
      margin-top: 20px;
      font-size: 18px;
      font-weight: normal;
    }
  </style>
</head>
<body>
  <h1>数字当てゲーム</h1>

<div id="game">
    <p>1から9の数字を当ててください！</p>
    <p>残りの試行回数: <span id="remainingAttempts">5</span></p>
    <input type="number" id="guessInput">
    <button onclick="guessNumber()">当てる</button>
    <p id="message"></p>
  </div>

<script>
    let answer = Math.floor(Math.random() * 9) + 1;
    let remainingAttempts = 5;

function guessNumber() {
      let guessInput = document.getElementById("guessInput");
      let message = document.getElementById("message");
      let remainingAttemptsSpan = document.getElementById("remainingAttempts");
      let guess = parseInt(guessInput.value);

if (isNaN(guess) || guess < 1 || guess > 9) {
        message.textContent = "1から9の数字を入力してください。";
        return;
      }

remainingAttempts--;
      remainingAttemptsSpan.textContent = remainingAttempts;

if (remainingAttempts === 0) {
        message.textContent = "ゲームオーバー！正解は" + answer + "でした。";
        guessInput.disabled = true;
        return;
      }

if (guess === answer) {
        message.textContent = "正解！おめでとうございます！";
        guessInput.disabled = true;
        return;
      } else if (guess < answer) {
        message.textContent = "もっと大きな数です。";
      } else {
        message.textContent = "もっと小さな数です。";
      }

guessInput.value = "";
      guessInput.focus();
    }
  </script>
</body>
</html>
```

このプログラムでは、プレイヤーはinputタグに数字を入力して「当てる」ボタンを押すことで回答します。プレイヤーの回答に応じて、正解・不正解・試行回数の情報が表示されます。試行回数が0になるとゲームオーバーになります。正解するとおめでとうのメッセージが表示されます。

このような単純なゲームを1枚のHTMLファイルに実装し、JavaScriptを含めることでゲームとして遊ぶことができます。ただし、絵文字の使用はブラウザやOSによって異なる表示になる可能性があるため、確実な表示をするためには画像などを使用することをおすすめします。