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

No:35994

171

←

Prev Next

→

You pick
Developer User16706｜Date and time 24/1/16 6:11:07
Build time 12.557 sec｜Game capacity 3.604KB｜

Script

Sure! Here's a simple example of a game implemented as a single HTML file using JavaScript and enclosed in script tags. The game is a math puzzle where the player needs to solve equations by selecting the correct pictogram representing the answer. The game assumes smartphone operation and uses pictograms for the numbers and operations.

Math Puzzle

In this game, the player will be presented with a math equation in the `equation` div, along with four pictogram options representing different operators (plus, minus, multiply, and divide) in the `options` div. The player needs to select the correct operator by tapping on the pictogram, and the game will display "Correct!" or "Wrong!" based on their selection in the `result` div. A new equation will be generated after each 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 Puzzle Game</title>
    <style>
        body {
            text-align: center;
            font-size: 24px;
        }
        #equation, #options {
            margin-top: 20px;
        }
        #options img {
            width: 80px;
            height: 80px;
            margin: 10px;
            cursor: pointer;
        }
        #result {
            font-size: 30px;
            font-weight: bold;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>Math Puzzle</h1>

<div id="equation"></div>
    <div id="options">
        <img src="plus.png" alt="plus" onclick="checkAnswer('+')">
        <img src="minus.png" alt="minus" onclick="checkAnswer('-')">
        <img src="multiply.png" alt="multiply" onclick="checkAnswer('*')">
        <img src="divide.png" alt="divide" onclick="checkAnswer('/')">
    </div>
    <div id="result"></div>
    
    <script>
        // Math equation object
        var equation = {
            num1: Math.floor(Math.random() * 10), // Generate random number 0-9
            num2: Math.floor(Math.random() * 10),
            operator: '',
            result: 0
        };

// Set the operator and calculate the result
        function setOperator(operator) {
            equation.operator = operator;
            switch (operator) {
                case '+':
                    equation.result = equation.num1 + equation.num2;
                    break;
                case '-':
                    equation.result = equation.num1 - equation.num2;
                    break;
                case '*':
                    equation.result = equation.num1 * equation.num2;
                    break;
                case '/':
                    equation.result = equation.num1 / equation.num2;
                    break;
            }
            displayEquation();
        }
        
        // Check the selected answer
        function checkAnswer(answer) {
            if (parseFloat(answer) === equation.result) {
                document.getElementById("result").textContent = "Correct!";
            } else {
                document.getElementById("result").textContent = "Wrong!";
            }
            generateNewEquation();
        }

// Generate a new math equation
        function generateNewEquation() {
            equation.num1 = Math.floor(Math.random() * 10);
            equation.num2 = Math.floor(Math.random() * 10);
            setOperator(equation.operator);
        }

// Display the math equation
        function displayEquation() {
            document.getElementById("equation").textContent = equation.num1 + " " + equation.operator + " " + equation.num2;
        }

// Start the game
        setOperator('+');
    </script>
</body>
</html>
```