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

No:36071

Basic math like addiction, and subtraction.
Developer User16725｜Date and time 24/1/16 13:39:31
Build time 10.605 sec｜Game capacity 3.068KB｜

Script

Sure! Here's an example of a simple math game implemented as a single HTML file using JavaScript. You can play it by running the HTML file in any web browser, preferably on a smartphone for a better mobile experience. The game uses pictograms to represent numbers and basic math operations:

Math Game

In this game, each time you click the "New Question" button, a new math question is generated using random numbers and operators. The pictograms represent the numbers and operators. After entering your answer in the prompt and clicking "Check Answer", the game will inform you if your answer is correct or incorrect, and display the correct answer.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Math Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        .pictogram {
            font-size: 48px;
            margin: 20px;
        }
        button {
            margin: 10px;
            padding: 10px 20px;
            font-size: 18px;
        }
    </style>
</head>
<body>
    <h1>Math Game</h1>
    <div id="question"></div>
    <div id="answer"></div>
    <button id="check">Check Answer</button>
    <button id="new">New Question</button>
    <script>
        function generateQuestion() {
            var number1 = Math.floor(Math.random() * 10);
            var number2 = Math.floor(Math.random() * 10);
            var operator = Math.random() > 0.5 ? '+' : '-';
            return { number1, number2, operator };
        }

function updateQuestion() {
            var { number1, number2, operator } = generateQuestion();
            var pictogram1 = getNumberPictogram(number1);
            var pictogram2 = getNumberPictogram(number2);
            var operatorPictogram = getOperatorPictogram(operator);
            document.getElementById('question').innerHTML = pictogram1 + ' ' + operatorPictogram + ' ' + pictogram2;
            document.getElementById('answer').innerHTML = '';
        }

function getNumberPictogram(number) {
            var pictograms = ['🌟', '🔘', '🔴', '🔵', '🟢', '🟡', '🟠', '🟣', '🔺', '🔹'];
            return pictograms[number];
        }

function getOperatorPictogram(operator) {
            return operator === '+' ? '➕' : '➖';
        }

function checkAnswer() {
            var { number1, number2, operator } = generateQuestion();
            var userAnswer = parseFloat(prompt('What is the answer to the question?'));
            var correctAnswer = operator === '+' ? number1 + number2 : number1 - number2;

if (userAnswer === correctAnswer) {
                alert('Correct answer!');
            } else {
                alert('Incorrect answer. The correct answer is ' + correctAnswer + '.');
            }

updateQuestion();
        }

document.getElementById('check').addEventListener('click', checkAnswer);
        document.getElementById('new').addEventListener('click', updateQuestion);

updateQuestion();
    </script>
</body>
</html>
```