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

No:40627

←

Prev Next

→

暗算ゲーム
Developer User18209｜Date and time 24/2/3 20:35:18
Build time 11.486 sec｜Game capacity 2.914KB｜

Script

了解しました。以下に暗算ゲームのプログラムを示します。

暗算ゲーム

答え：

このプログラムでは、ランダムに生成された2つの数値と演算子に基づいて、問題を生成します。ユーザーは入力欄に回答を入力し、回答ボタンをクリックすることで回答がチェックされます。正解の場合には「正解です！」と、不正解の場合には「不正解です！」とアラートが表示されます。また、新しい問題が生成されます。スマートフォンやモバイル端末で操作することを前提として、レスポンシブデザインを適用しました。また、絵文字は使用しておりませんが、文章で問題を表現しているため、問題の内容がわかりやすいと思います。以上が、暗算ゲームの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>
      body {
        text-align: center;
        font-size: 24px;
        margin: 100px;
      }
    </style>
  </head>
  <body>
    <h1>暗算ゲーム</h1>
    <p id="question"></p>
    <label>答え：
      <input type="number" id="answer"></input>
    </label>
    <button onclick="checkAnswer()">回答する</button>
    
    <script>
      // 問題を生成する関数
      function generateQuestion() {
        var num1 = Math.floor(Math.random() * 10) + 1;
        var num2 = Math.floor(Math.random() * 10) + 1;
        var operatorIndex = Math.floor(Math.random() * 4);
        var operator;
        
        switch (operatorIndex) {
          case 0:
            operator = '+';
            break;
          case 1:
            operator = '-';
            break;
          case 2:
            operator = '×';
            break;
          case 3:
            operator = '÷';
            break;
        }
        
        var question = num1 + ' ' + operator + ' ' + num2;
        return question;
      }
      
      // 回答をチェックする関数
      function checkAnswer() {
        var answer = document.getElementById('answer').value;
        var result = eval(question); // 入力された回答を評価
        
        if (parseInt(answer) === result) {
          alert('正解です！');
        } else {
          alert('不正解です！');
        }
        
        // 新しい問題を生成
        var questionElement = document.getElementById('question');
        questionElement.textContent = generateQuestion();
        document.getElementById('answer').value = "";
      }
      
      // 初期問題を生成
      var questionElement = document.getElementById('question');
      var question = generateQuestion();
      questionElement.textContent = question;
    </script>
    
  </body>
</html>
```

このプログラムでは、ランダムに生成された2つの数値と演算子に基づいて、問題を生成します。ユーザーは入力欄に回答を入力し、回答ボタンをクリックすることで回答がチェックされます。正解の場合には「正解です！」と、不正解の場合には「不正解です！」とアラートが表示されます。また、新しい問題が生成されます。

スマートフォンやモバイル端末で操作することを前提として、レスポンシブデザインを適用しました。また、絵文字は使用しておりませんが、文章で問題を表現しているため、問題の内容がわかりやすいと思います。

以上が、暗算ゲームのHTMLファイルの実装例です。完成したゲームとして遊ぶことができます。