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

No:33871

89

暗算ゲーム
Developer User15915｜Date and time 24/1/6 22:21:54
Build time 31.928 sec｜Game capacity 2.778KB｜

了解しました。では、以下に暗算ゲームの実装例を示します。

暗算ゲーム

このコードは、暗算ゲームを実装しています。ランダムな算術問題が表示され、ユーザーは答えを入力して回答します。正解するとスコアが増え、不正解の場合はスコアは変わりません。時間制限があり、終了時にスコアが表示されます。このコードはHTMLファイル内に直接JavaScriptを書いています。`
`タグで囲んでJavaScriptのコードを記述しています。実際にゲームを遊ぶ場合は、上記のコードを`html`ファイルに保存し、Webブラウザで開いてください。スマートフォンの操作に対応しています。なお、上記のコードはeval関数を使用して算術式を評価していますが、セキュリティ上のリスクがあるため、実際のアプリケーションでは入力値や算術式の評価には注意が必要です。

→ 　

0　

0　

[PR]現在の売れ筋アプリランキング

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

(C)2023 HisashiApp

了解しました。では、以下に暗算ゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>暗算ゲーム</title>
</head>
<body>
  <h1>暗算ゲーム</h1>
  <p id="question"></p>
  <input type="number" id="answer" placeholder="答えを入力してください">
  <button onclick="checkAnswer()">回答する</button>
  <p id="result"></p>

<script>
    const questionElement = document.getElementById("question");
    const answerElement = document.getElementById("answer");
    const resultElement = document.getElementById("result");
    let score = 0;
    let timer;

function startGame() {
      score = 0;
      resultElement.textContent = "スタート！";
      generateQuestion();
      startTimer();
    }

function generateQuestion() {
      const num1 = Math.floor(Math.random() * 10);
      const num2 = Math.floor(Math.random() * 10);
      const operator = ["＋", "−", "×", "÷"][Math.floor(Math.random() * 4)];
      questionElement.textContent = `${num1} ${operator} ${num2} =`;
      answerElement.value = "";
      answerElement.focus();
    }

function checkAnswer() {
      const answer = Number(answerElement.value);
      clearTimeout(timer);
      if (answerElement.value === "") {
        resultElement.textContent = "答えを入力してください";
      } else if (eval(questionElement.textContent.replace("=", "")) === answer) {
        score++;
        resultElement.textContent = "正解！";
      } else {
        resultElement.textContent = "不正解！";
      }
      generateQuestion();
      startTimer();
    }

function startTimer() {
      timer = setTimeout(() => {
        resultElement.textContent = `終了！スコア: ${score}`;
        answerElement.disabled = true;
      }, 5000);
    }

startGame();
  </script>
</body>
</html>
```

このコードは、暗算ゲームを実装しています。ランダムな算術問題が表示され、ユーザーは答えを入力して回答します。正解するとスコアが増え、不正解の場合はスコアは変わりません。時間制限があり、終了時にスコアが表示されます。

このコードはHTMLファイル内に直接JavaScriptを書いています。`<script>`タグで囲んでJavaScriptのコードを記述しています。実際にゲームを遊ぶ場合は、上記のコードを`html`ファイルに保存し、Webブラウザで開いてください。スマートフォンの操作に対応しています。

なお、上記のコードはeval関数を使用して算術式を評価していますが、セキュリティ上のリスクがあるため、実際のアプリケーションでは入力値や算術式の評価には注意が必要です。