AI game creator

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

No:33326

←

Prev Next

→

暗算ゲーム
Developer User15732｜Date and time 24/1/3 14:47:10
Build time 22.476 sec｜Game capacity 2.453KB｜

Script

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

暗算しましょう！

このHTMLファイルをブラウザで開くと、ランダムな算式が表示され、ユーザーは答えを入力して「答えを確認」ボタンを押すことで正誤が判定されます。正解の場合は「正解です！」と表示され、不正解の場合は「不正解です！」と正解の数値が表示されます。また、答えが確認されると次の問題が自動的に生成されます。

←

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>
    #question {
      font-size: 24px;
      text-align: center;
    }
    
    #answer {
      font-size: 48px;
      text-align: center;
      margin-top: 20px;
    }
    
    #submit {
      font-size: 24px;
      text-align: center;
      margin-top: 20px;
    }
    
    #result {
      font-size: 24px;
      text-align: center;
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <div id="question">暗算しましょう！</div>
  <div id="answer"></div>
  <div id="submit"><button onclick="checkAnswer()">答えを確認</button></div>
  <div id="result"></div>

function generateQuestion() {
      num1 = Math.ceil(Math.random() * 10);
      num2 = Math.ceil(Math.random() * 10);
      operator = ['＋', '−', '×', '÷'][Math.floor(Math.random() * 4)];

var question = num1 + operator + num2;
      document.getElementById('question').textContent = question;
    }

generateQuestion();
      document.getElementById('answer').textContent = '';
    }

document.addEventListener('DOMContentLoaded', function() {
      generateQuestion();
    });
  </script>
</body>
</html>
```