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

No:39906

←

Prev Next

→

掛け算の答え
Developer 食べる鶏と熱いタバスコ｜Date and time 24/1/30 19:30:23
Build time 8.86 sec｜Game capacity 1.988KB｜

Script

かけ算ゲーム

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>かけ算ゲーム</title>
    <style>
        body {
            background-color: #f0f0f0;
            text-align: center;
        }
        
        #question {
            font-size: 24px;
            margin: 20px;
        }
        
        #answer {
            font-size: 48px;
            margin: 20px;
        }
        
        #submitBtn {
            font-size: 24px;
            padding: 10px 20px;
            background-color: #4CAF50;
            color: white;
            border: none;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>かけ算ゲーム</h1>
    <div id="question"></div>
    <input id="answer" type="number">
    <button id="submitBtn">回答</button>

// 問題と回答の表示
        function displayQuestion() {
            const num1 = Math.floor(Math.random() * 9) + 1;
            const num2 = Math.floor(Math.random() * 9) + 1;
            const question = `${num1} × ${num2}`;
            document.getElementById('question').innerText = question;
            document.getElementById('answer').value = '';
        }

// 回答のチェック
        function checkAnswer() {
            const answer = document.getElementById('answer').value;
            const nums = document.getElementById('question').innerText.split(' × ');
            const correctAnswer = parseInt(nums[0]) * parseInt(nums[1]);

if (answer === correctAnswer.toString()) {
                score++;
                alert("正解！ スコア: " + score);
            } else {
                alert("不正解！ スコア: " + score);
            }

displayQuestion();
        }

// イベントリスナーの設定
        document.getElementById('submitBtn').addEventListener('click', checkAnswer);
        
        // ゲームの開始
        displayQuestion();
    </script>
</body>
</html>