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

No:12800

131

←

Prev Next

→

暗算ゲーム
Developer User5555｜Date and time 23/8/23 10:23:00
Build time 15.197 sec｜Game capacity 2.378KB｜

Script

了解です。以下に暗算ゲームのサンプルプログラムを示します。このプログラムでは、スマホの操作を前提として、ユーザーに出された問題の答えを入力してもらい、正解かどうかを表示します。

暗算ゲーム

このプログラムは、ランダムな2つの整数と、その間にランダムに選ばれた"+"または"-"を表示します。ユーザーは、input要素に答えを入力することができ、ボタンをクリックすると、その答えが正解かどうかが表示されます。正解した場合は次の問題が表示されます。

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>暗算ゲーム</title>
</head>
<body>
  <h1>暗算ゲーム</h1>

// 問題を表示
      var questionElement = document.getElementById('question');
      questionElement.textContent = num1 + ' ' + operator + ' ' + num2;

// 正解を設定
      var correctAnswer;
      if (operator === '+') {
        correctAnswer = num1 + num2;
      } else {
        correctAnswer = num1 - num2;
      }
      questionElement.dataset.answer = correctAnswer;
    }

// 答えのチェック
    function checkAnswer() {
      var answerInput = document.getElementById('answerInput');
      var resultElement = document.getElementById('result');
      var correctAnswer = document.getElementById('question').dataset.answer;

if (answerInput.value === '') {
        resultElement.textContent = '答えを入力してください';
        return;
      }

if (answerInput.value == correctAnswer) {
        resultElement.textContent = '正解！';
        generateQuestion(); // 次の問題を生成
      } else {
        resultElement.textContent = '不正解！';
      }

answerInput.value = ''; // 入力欄をクリア
    }

// 初期化
    generateQuestion();
  </script>
</body>
</html>
```