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

No:27851

←

Prev Next

→

Math
Developer User12943｜Date and time 23/12/9 17:30:32
Build time 18.956 sec｜Game capacity 3.675KB｜

Script

Sure! Here's an example of a simple math game implemented as a single HTML file:

Math Game

Click on the correct symbol for the equation!

+ - × ÷

In this game, random equations are generated and displayed to the user. The user needs to click on the correct symbol corresponding to the equation's operator (+, -, ×, or ÷). If the answer is correct, "Correct!" will be displayed in green, and if the answer is wrong, "Wrong answer!" will be displayed in red. After a short delay, a new equation is generated and the process continues. The game will run immediately when the HTML file is opened in a browser or on a smartphone.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple math game implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Math Game</title>
    <style>
        #game-area {
            text-align: center;
        }
        #result {
            font-size: 24px;
        }
        .symbol {
            font-size: 48px;
            cursor: pointer;
            margin: 5px;
        }
    </style>
</head>
<body>
    <div id="game-area">
        <h1>Math Game</h1>
        <p>Click on the correct symbol for the equation!</p>
        <div id="equation"></div>
        <div id="symbols">
            <span class="symbol">+</span>
            <span class="symbol">-</span>
            <span class="symbol">×</span>
            <span class="symbol">÷</span>
        </div>
        <p id="result"></p>
    </div>

// Display the equation to the user
            var equation = document.getElementById("equation");
            equation.innerHTML = num1 + " " + operator + " " + num2;
            equation.dataset.operator = operator;
            equation.dataset.solution = getSolution(num1, num2, operator);
        }

// Function to calculate the solution of the equation
        function getSolution(num1, num2, operator) {
            switch (operator) {
                case '+':
                    return num1 + num2;
                case '-':
                    return num1 - num2;
                case '×':
                    return num1 * num2;
                case '÷':
                    return num1 / num2;
            }
        }

// Function to check if the user's answer is correct
        function checkAnswer(operator) {
            var equation = document.getElementById("equation");
            var solution = equation.dataset.solution;
            var userAnswer = parseInt(operator.innerHTML);

var result = document.getElementById("result");
            if (userAnswer === solution) {
                result.innerHTML = "Correct!";
                result.style.color = "green";
            } else {
                result.innerHTML = "Wrong answer!";
                result.style.color = "red";
            }

// Generate a new equation after a short delay
            setTimeout(function() {
                result.innerHTML = "";
                result.style.color = "black";
                generateEquation();
            }, 1500);
        }

// Event listener for symbol buttons
        var symbols = document.getElementsByClassName("symbol");
        for (var i = 0; i < symbols.length; i++) {
            symbols[i].addEventListener("click", function() {
                checkAnswer(this);
            });
        }

// Start the game
        generateEquation();
    </script>
</body>
</html>
```

After a short delay, a new equation is generated and the process continues. The game will run immediately when the HTML file is opened in a browser or on a smartphone.