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

No:36817

117

←

Prev Next

→

A math game about Mickey Mouse
Developer User16826｜Date and time 24/1/18 13:23:15
Build time 15.241 sec｜Game capacity 3.808KB｜

Script

Sure! Here's a simple math game about Mickey Mouse implemented as a single HTML file using JavaScript. The game will present math problems related to Mickey Mouse, and the player needs to provide the correct answer. Let's get started:

Mickey Math Game

You can copy the above code into an HTML file, save it with a ".html" extension, and open it in a web browser on your smartphone to play the game. Each question will be displayed, and you can input your answer in the provided input field. After submitting, the game will let you know if your answer is correct or not. Have fun playing the Mickey Math Game!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Mickey Math Game</title>
    <style>
      body {
        font-family: Arial, sans-serif;
        text-align: center;
        background-color: #f0f0f0;
        padding-top: 50px;
      }
      
      h1 {
        color: #555;
      }
      
      #problem {
        font-size: 24px;
        margin-bottom: 20px;
      }
      
      #answerInput {
        font-size: 20px;
        padding: 10px;
        width: 150px;
        margin-bottom: 10px;
      }
      
      #submitBtn {
        font-size: 18px;
        padding: 10px 20px;
        background-color: #4CAF50;
        color: #fff;
        border: none;
        cursor: pointer;
      }
      
      #result {
        font-size: 20px;
        font-weight: bold;
        margin-top: 20px;
      }
    </style>
  </head>
  <body>
    <h1>Mickey Math Game</h1>
    <div id="problem"></div>
    <input type="number" id="answerInput" placeholder="Your answer" />
    <br />
    <button id="submitBtn">Submit</button>
    <div id="result"></div>
    
    <script>
      // Array of math problems related to Mickey Mouse
      var mathProblems = [
        { problem: "How many fingers does Mickey Mouse have?", answer: 4 },
        { problem: "Mickey Mouse debuted in which year?", answer: 1928 },
        { problem: "What color are Mickey Mouse's shorts?", answer: "red" },
        { problem: "Mickey Mouse's pet dog's name is _______", answer: "pluto" },
        { problem: "Mickey Mouse is the ________ of Disney", answer: "mascot" }
      ];
      
      var currentProblemIndex = 0;
      
      // Function to display the current math problem
      function displayProblem() {
        var problemDiv = document.getElementById("problem");
        var currentProblem = mathProblems[currentProblemIndex];
        problemDiv.textContent = currentProblem.problem;
      }
      
      // Function to check the user's answer and display the result
      function checkAnswer() {
        var answerInput = document.getElementById("answerInput");
        var userAnswer = answerInput.value.toLowerCase();
        var currentProblem = mathProblems[currentProblemIndex];
        var resultDiv = document.getElementById("result");
        
        if (userAnswer == currentProblem.answer) {
          resultDiv.textContent = "Correct! Mickey must be proud.";
        } else {
          resultDiv.textContent = "Oops! That's not the right answer. Try again!";
        }
        
        // Go to the next problem
        currentProblemIndex++;
        
        // If there are no more problems, display the game over message
        if (currentProblemIndex >= mathProblems.length) {
          document.getElementById("submitBtn").setAttribute("disabled", "disabled");
          resultDiv.textContent += " Game Over!";
        } else {
          // Display the next problem
          displayProblem();
          answerInput.value = "";
        }
      }
      
      // Attach event listener to the submit button
      document.getElementById("submitBtn").addEventListener("click", checkAnswer);
      
      // Start the game by displaying the first problem
      displayProblem();
    </script>
  </body>
</html>
```