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

No:21597

←

Prev Next

→

たのしいさんすうrevenge
Developer バファリンヌ｜Date and time 23/10/16 20:20:52
Build time 72.001 sec｜Game capacity 2.924KB｜

Script

了解しました。実装例として、「たのしいさんすうrevenge」というシンプルな計算ゲームを作成します。

たのしいさんすうrevenge

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

了解しました。実装例として、「たのしいさんすうrevenge」というシンプルな計算ゲームを作成します。

<!DOCTYPE html>
<html>
<head>
    <title>たのしいさんすうrevenge</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin-top: 100px;
        }
    </style>
</head>
<body>
    <h1>たのしいさんすうrevenge</h1>
    <p id="question"></p>
    <input type="number" id="answer">
    <button onclick="checkAnswer()">答える</button>
    <p id="result"></p>

var correctAnswer;
            switch (operator) {
                case "＋":
                    correctAnswer = operand1 + operand2;
                    break;
                case "−":
                    correctAnswer = operand1 - operand2;
                    break;
                case "×":
                    correctAnswer = operand1 * operand2;
                    break;
                case "÷":
                    correctAnswer = operand1 / operand2;
                    break;
            }

return {
                question: operand1 + " " + operator + " " + operand2,
                answer: correctAnswer
            };
        }

// 問題を表示する関数
        function displayQuestion() {
            var questionElement = document.getElementById("question");
            var question = generateQuestion();
            questionElement.textContent = question.question;
            questionElement.dataset.answer = question.answer; // 正解を属性に保存
        }

// 答えをチェックする関数
        function checkAnswer() {
            var userAnswer = parseFloat(document.getElementById("answer").value);
            var correctAnswer = parseFloat(document.getElementById("question").dataset.answer);
            var resultElement = document.getElementById("result");

if (isNaN(userAnswer)) {
                resultElement.textContent = "有効な数字を入力してください";
            } else if (userAnswer === correctAnswer) {
                resultElement.textContent = "正解！🎉";
                displayQuestion();
            } else {
                resultElement.textContent = "不正解...もう一度頑張ってみて！";
            }

document.getElementById("answer").value = ""; // 入力欄をクリア
        }

displayQuestion(); // 最初の問題を表示する
    </script>
</body>
</html>