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

No:20858

A fighting game where you solve math to attack
Developer User9184｜Date and time 23/10/11 14:17:53
Build time 142.718 sec｜Game capacity 4.729KB｜

Script

Sure! Here's a sample implementation of a fighting game where you solve math problems to attack your enemy. The game uses JavaScript and is enclosed in script tags within a single HTML file:

Math Fighter

Health: 100

Solve the math problem:

Please make sure to replace `emozi_all/enemy.png` and `emozi_all/player.png` with the actual images you want to use for the enemy and player. The game generates a math problem for the player to solve, and depending on their answer, the player and enemy health are updated. When either the player or the enemy health reaches zero, the game ends and displays the winner. Good luck with your game!

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure! Here's a sample implementation of a fighting game where you solve math problems to attack your enemy. The game uses JavaScript and is enclosed in script tags within a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Math Fighter</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        #gameArea {
            margin-top: 100px;
        }
        img {
            width: 50px;
            height: 50px;
            margin: 10px;
            cursor: pointer;
        }
        #enemy {
            display: inline-block;
        }
        #player {
            display: inline-block;
        }
        #question {
            font-size: 24px;
            margin-bottom: 10px;
        }
        #answerInput {
            padding: 5px;
            font-size: 24px;
            text-align: center;
        }
        #result {
            margin-top: 10px;
            font-weight: bold;
            font-size: 20px;
        }
    </style>
</head>
<body>
    <h1>Math Fighter</h1>

<div id="gameArea">
        <div id="enemy">
            <img src="enemy.png" id="enemyImg">
            <div id="enemyHealth">Health: 100</div>
        </div>
        <div id="player">
            <img src="player.png" id="playerImg">
            <div id="playerHealth">Health: 100</div>
        </div>

<div id="question">Solve the math problem:</div>
        <input type="number" id="answerInput" autocomplete="off">
        <button onclick="attack()">Attack</button>
        <div id="result"></div>
    </div>

// Generate and display math problem
        function generateProblem() {
            const operand1 = Math.floor(Math.random() * 10) + 1; // Random number between 1 and 10
            const operand2 = Math.floor(Math.random() * 10) + 1;
            const operator = ['+', '-', 'x'][Math.floor(Math.random() * 3)]; // Random operator

document.getElementById('question').innerHTML = `Solve the math problem: ${operand1} ${operator} ${operand2}`;
            
            return evaluate(operand1, operator, operand2);
        }

// Evaluate user's answer
        function evaluate(operand1, operator, operand2) {
            let result;

switch (operator) {
                case '+':
                    result = operand1 + operand2;
                    break;
                case '-':
                    result = operand1 - operand2;
                    break;
                case 'x':
                    result = operand1 * operand2;
                    break;
            }

return result;
        }

// Attack the enemy based on player's answer
        function attack() {
            const userAnswer = parseInt(document.getElementById('answerInput').value, 10);

if (isNaN(userAnswer)) {
                document.getElementById('result').innerHTML = 'Invalid input! Please enter a valid number.';
                return;
            }

const correctAnswer = generateProblem();

if (userAnswer === correctAnswer) {
                // Successful attack
                enemyHealth -= 20;
                document.getElementById('enemyHealth').innerHTML = `Health: ${enemyHealth}`;

if (enemyHealth <= 0) {
                    endGame('Player');
                } else {
                    document.getElementById('result').innerHTML = 'You hit the enemy!';
                }
            } else {
                // Failed attack
                playerHealth -= 20;
                document.getElementById('playerHealth').innerHTML = `Health: ${playerHealth}`;

if (playerHealth <= 0) {
                    endGame('Enemy');
                } else {
                    document.getElementById('result').innerHTML = 'You missed the enemy!';
                }
            }
        }

// Game over
        function endGame(winner) {
            document.getElementById('result').innerHTML = `Game Over! ${winner} wins!`;
            document.getElementById('answerInput').disabled = true;
        }

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

Please make sure to replace `enemy.png` and `player.png` with the actual images you want to use for the enemy and player. The game generates a math problem for the player to solve, and depending on their answer, the player and enemy health are updated.

When either the player or the enemy health reaches zero, the game ends and displays the winner. Good luck with your game!