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

No:16410

←

Prev Next

→

Mobile math quiz
Developer User7284｜Date and time 23/9/18 2:23:21
Build time 19.801 sec｜Game capacity 2.351KB｜

Script

Мобильная математическая викторина

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Математическая викторина</title>
    <style>
        body {text-align: center;}
        h1 {font-size: 24px;}
        p {font-size: 18px;}
        input {font-size: 24px; width: 80px;}
        button {font-size: 24px; padding: 10px 20px;}
    </style>
</head>
<body>
    <script>
        var score = 0;
        var questionCount = 0;
        var num1, num2, operator, answer, userInput;

function generateQuestion() {
            num1 = Math.floor(Math.random() * 10) + 1;
            num2 = Math.floor(Math.random() * 10) + 1;
            operator = Math.random() < 0.5 ? '+' : '-';
            answer = operator === '+' ? num1 + num2 : num1 - num2;

document.getElementById("question").innerHTML = num1 + " " + operator + " " + num2 + " = ";
        }

function checkAnswer() {
            userInput = parseInt(document.getElementById("answerInput").value);

if (userInput === answer) {
                score += 10;
                document.getElementById("result").innerHTML = "Правильно!";
            } else {
                document.getElementById("result").innerHTML = "Неправильно!";
            }

questionCount++;
            document.getElementById("score").innerHTML = "Счет: " + score;
            document.getElementById("questionCount").innerHTML = "Вопрос: " + questionCount;

generateQuestion();
        }

function startQuiz() {
            generateQuestion();

var quizContainer = document.getElementById("quizContainer");
            quizContainer.style.display = "block";
            
            var startButton = document.getElementById("startButton");
            startButton.style.display = "none";
        }
    </script>

<h1>Мобильная математическая викторина</h1>
    <button id="startButton" onclick="startQuiz()">Начать</button>
    
    <div id="quizContainer" style="display: none;">
        <p id="score"></p>
        <p id="questionCount"></p>
        
        <p id="question"></p>
        
        <input type="number" id="answerInput" placeholder="Ответ">
        <button onclick="checkAnswer()">Проверить</button>
        
        <p id="result"></p>
    </div>
</body>
</html>