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

No:7974

2233

←

Prev Next

→

mental arithmetic game
Developer User3997｜Date and time 23/7/11 14:23:34
Build time 18.573 sec｜Game capacity 3.723KB｜

Script

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

暗算ゲーム

このプログラムでは、ブラウザに暗算問題を出題し、ユーザーが答えを入力して「答える」ボタンをクリックすると、正解か不正解かを判定して結果を表示します。また、新しい問題を生成して繰り返しプレイすることもできます。注意点として、スマホ上での操作を前提としているため、キーボードは表示されません。数字の入力には数字キーボードが表示されるようになっていることを想定しています。また、絵文字は使用していないため、適宜追加してください。

←

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>
</head>
<body>
    <h1>暗算ゲーム</h1>
    <p id="question"></p>
    <input type="number" id="answer" placeholder="答えを入力">
    <button onclick="checkAnswer()">答える</button>
    <p id="result"></p>
    
    <script>
        // 問題をランダムに生成する関数
        function generateQuestion() {
            var num1 = Math.floor(Math.random() * 10);  // 0から9までの乱数
            var num2 = Math.floor(Math.random() * 10);  // 0から9までの乱数
            var operation = ['＋', '－', '×'];  // 足し算、引き算、掛け算の演算子
            var operator = operation[Math.floor(Math.random() * 3)];  // 上記の演算子の中からランダムに選択
            
            // 問題を出題する
            document.getElementById("question").textContent = num1 + operator + num2;
        }
        
        // 答えをチェックする関数
        function checkAnswer() {
            var answer = parseInt(document.getElementById("answer").value);  // 入力された答え
            var question = document.getElementById("question").textContent;  // 出題された問題
            var operator = getOperator(question);  // 問題から演算子を抽出
            var nums = question.split(operator);  // 問題から数字を抽出
            
            var num1 = parseInt(nums[0]);
            var num2 = parseInt(nums[1]);
            var correctAnswer;
            
            // 問題に対して正しい答えを計算する
            if (operator === '＋') {
                correctAnswer = num1 + num2;
            } else if (operator === '－') {
                correctAnswer = num1 - num2;
            } else if (operator === '×') {
                correctAnswer = num1 * num2;
            }
            
            // 答えをチェックして結果を表示する
            if (answer === correctAnswer) {
                document.getElementById("result").textContent = "正解！🎉";
            } else {
                document.getElementById("result").textContent = "不正解... 😢 正解は " + correctAnswer + " でした！";
            }
            
            // 次の問題を生成する
            generateQuestion();
            document.getElementById("answer").value = "";
        }
        
        // 問題から演算子を抽出する関数
        function getOperator(question) {
            var operators = ['＋', '－', '×'];  // 足し算、引き算、掛け算の演算子
            for (var i = 0; i < operators.length; i++) {
                if (question.includes(operators[i])) {
                    return operators[i];
                }
            }
        }
        
        // ページ読み込み時に最初の問題を生成する
        window.onload = function() {
            generateQuestion();
        };
    </script>
</body>
</html>
```

このプログラムでは、ブラウザに暗算問題を出題し、ユーザーが答えを入力して「答える」ボタンをクリックすると、正解か不正解かを判定して結果を表示します。また、新しい問題を生成して繰り返しプレイすることもできます。

注意点として、スマホ上での操作を前提としているため、キーボードは表示されません。数字の入力には数字キーボードが表示されるようになっていることを想定しています。また、絵文字は使用していないため、適宜追加してください。