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

No:34831

←

Prev Next

→

暗算ゲーム
Developer User9208｜Date and time 24/1/11 18:48:15
Build time 17.597 sec｜Game capacity 2.926KB｜

Script

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

暗算ゲーム

このコードでは、1から10までの乱数を使って2つの数を生成し、その中からランダムに加算または減算を選択します。それらの数と演算子を表示し、ボタンをタップして回答を提出することができます。回答が正しいかどうかに応じてフィードバックが表示されます。ゲームの初期化は`initGame()`関数で行われます。

←

Prev　Next

→ 　

Back　

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

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 { text-align: center; }
    #question { font-size: 24px; margin-bottom: 16px; }
    #answer { font-size: 36px; margin-bottom: 16px; }
    #buttons { display: flex; justify-content: center; }
    button { font-size: 24px; margin: 8px; padding: 8px 16px; }
  </style>
</head>
<body>
  <h1>暗算ゲーム</h1>
  
  <div id="question"></div>
  <div id="answer"></div>
  <div id="buttons">
    <button id="button-1">1</button>
    <button id="button-2">2</button>
    <button id="button-3">3</button>
  </div>
  
  <script>
    // 問題を作成する関数
    function createQuestion() {
      var x = Math.floor(Math.random() * 10) + 1; // 1から10の乱数
      var y = Math.floor(Math.random() * 10) + 1; // 1から10の乱数
      var operator = Math.random() < 0.5 ? '+' : '-'; // 加算か減算をランダムに選択
      var result = operator === '+' ? x + y : x - y; // 加算または減算の結果を計算
      return { x: x, y: y, operator: operator, result: result };
    }
    
    // 問題の表示と回答の初期化
    function showQuestion() {
      var question = createQuestion();
      document.getElementById('question').textContent = `${question.x} ${question.operator} ${question.y} = ?`;
      document.getElementById('answer').textContent = '';
      return question;
    }
    
    // 回答のチェック
    function checkAnswer(question, answer) {
      return question.result == answer;
    }
    
    // ゲームの初期化
    function initGame() {
      var question = showQuestion();
      
      // ボタンのクリックイベントの設定
      document.getElementById('button-1').addEventListener('click', function() {
        submitAnswer(question, 1);
      });
      document.getElementById('button-2').addEventListener('click', function() {
        submitAnswer(question, 2);
      });
      document.getElementById('button-3').addEventListener('click', function() {
        submitAnswer(question, 3);
      });
    }
    
    // 回答の提出
    function submitAnswer(question, answer) {
      var result = checkAnswer(question, answer);
      document.getElementById('answer').textContent = result ? '正解！🎉' : '不正解！😢';
      showQuestion();
    }
    
    // ゲームの開始
    initGame();
  </script>
</body>
</html>
```