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

No:31575

←

Prev Next

→

Cat math
Developer User6472｜Date and time 23/12/27 15:22:39
Build time 25.689 sec｜Game capacity 3.075KB｜

Script

Sure! Here's a simple math game called "Cat Math" implemented as a single HTML file:

Cat Math Game

Guess the correct answer to the math equation!

To play the game: 1. Copy the entire code into a new HTML file (e.g., `cat_math.html`). 2. Save the file. 3. Open the HTML file in a web browser, preferably on a smartphone. 4. You will see a math equation represented using pictograms of cats. 5. Enter your answer in the input field and click the "Check" button. 6. The game will tell you if your answer is correct or incorrect. 7. Try to solve as many equations as you can! Note: Replace the image URLs in the `pictograms` array with actual URLs of cat pictograms for the game to work properly.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

Sure! Here's a simple math game called "Cat Math" implemented as a single HTML file:

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Cat Math Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    img {
      width: 100px;
      height: 100px;
    }
  </style>
</head>
<body>
  <h1>Cat Math Game</h1>
  <p>Guess the correct answer to the math equation!</p>
  
  <div id="equation"></div>
  <input type="number" id="answer" placeholder="Your Answer">
  <button onclick="checkAnswer()">Check</button>
  <p id="result"></p>
  
  <script>
    // Define an array of pictogram images for the numbers
    const pictograms = [
      "https://example.com/cat1.png",
      "https://example.com/cat2.png",
      "https://example.com/cat3.png",
      "https://example.com/cat4.png",
      "https://example.com/cat5.png"
    ];

// Generate a random math equation
    function generateEquation() {
      const operand1 = getRandomNumber();
      const operand2 = getRandomNumber();
      const operator = getRandomOperator();

document.getElementById("equation").innerHTML = `${pictogram1} ${operator} ${pictogram2} = `;
      return eval(equation);
    }

// Get a random number between 1 and 5
    function getRandomNumber() {
      return Math.floor(Math.random() * 5) + 1;
    }

// Get a random operator (+, -, *)
    function getRandomOperator() {
      const operators = ['+', '-', '*'];
      return operators[Math.floor(Math.random() * operators.length)];
    }

// Get the pictogram image URL for a number
    function getPictogram(number) {
      return pictograms[number - 1];
    }

// Check the user's answer
    function checkAnswer() {
      const userAnswer = Number(document.getElementById("answer").value);
      const correctAnswer = generateEquation();
      const resultElement = document.getElementById("result");

if (userAnswer === correctAnswer) {
        resultElement.textContent = "Correct! 🎉";
      } else {
        resultElement.textContent = "Incorrect! Try again. 😺";
      }
    }

// Start the game
    function startGame() {
      generateEquation();
    }

// Call the startGame function
    startGame();
  </script>
</body>
</html>
```

To play the game:
1. Copy the entire code into a new HTML file (e.g., `cat_math.html`).
2. Save the file.
3. Open the HTML file in a web browser, preferably on a smartphone.
4. You will see a math equation represented using pictograms of cats.
5. Enter your answer in the input field and click the "Check" button.
6. The game will tell you if your answer is correct or incorrect.
7. Try to solve as many equations as you can!

Note: Replace the image URLs in the `pictograms` array with actual URLs of cat pictograms for the game to work properly.