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

No:5602

2546

←

Prev Next

→

beat-em-up game
Developer User3834｜Date and time 23/6/30 13:10:54
Build time 22.469 sec｜Game capacity 2.484KB｜

Script

了解しました。以下は電卓ゲームの例です。

電卓ゲーム

問題:

この電卓ゲームでは、ランダムに生成された問題（2つの0から10までの整数と四則演算子）に対して正しい答えを入力するゲームです。ユーザーが答えると、正解か不正解かが表示され、次の問題が生成されます。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下は電卓ゲームの例です。

```html
<!DOCTYPE html>
<html>
<head>
    <title>電卓ゲーム</title>
</head>
<body>
    <h1>電卓ゲーム</h1>
    <p id="question">問題: </p>
    <input type="number" id="answer" />
    <button onclick="checkAnswer()">答える</button>
    <p id="result"></p>

document.getElementById('question').textContent = '問題: ' + num1 + operator + num2;
            document.getElementById('answer').value = '';
            document.getElementById('result').textContent = '';
            document.getElementById('answer').focus();
        }

function checkAnswer() {
            const answer = parseFloat(document.getElementById('answer').value);
            const questionParts = document.getElementById('question').textContent.split(' ');
            const num1 = parseInt(questionParts[1]);
            const operator = questionParts[2];
            const num2 = parseInt(questionParts[3]);
            let expectedAnswer;

switch (operator) {
                case '＋':
                    expectedAnswer = num1 + num2;
                    break;
                case '－':
                    expectedAnswer = num1 - num2;
                    break;
                case '✕':
                    expectedAnswer = num1 * num2;
                    break;
                case '÷':
                    expectedAnswer = num1 / num2;
                    break;
            }

if (answer === expectedAnswer) {
                document.getElementById('result').textContent = '正解！';
            } else {
                document.getElementById('result').textContent = '不正解！ 正しい答えは ' + expectedAnswer + ' です。';
            }

generateQuestion();
        }

// ゲームの開始時に最初の問題を生成
        generateQuestion();
    </script>
</body>
</html>
```