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

No:15804

106

←

Prev Next

→

Mario with multiplication
Developer User6896｜Date and time 23/9/12 0:49:08
Build time 29.768 sec｜Game capacity 3.654KB｜

Script

Sure! Here's an implementation of a simple Mario-themed multiplication game using JavaScript and HTML:

Mario's Multiplication Adventure

Select the correct answer to the multiplication questions to help Mario defeat the enemies!

To run the game, save the code above into a single HTML file (e.g., "mario_multiplication.html") and open it using a web browser. The game will display a multiplication question along with multiple choice options. The player must select the correct answer by clicking on one of the buttons. Depending on the answer, Mario will either jump or die. The game continues until the player answers 10 questions or until they reach the maximum number of questions. Note: You will need to provide your own image files for Mario's different states (e.g., "emozi_all/mario.png", "emozi_all/mario.png", "emozi_all/mario.png") and update the image paths in the code accordingly for the game to function properly.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an implementation of a simple Mario-themed multiplication game using JavaScript and HTML:

```html
<html>
<head>
    <style>
        body {
            text-align: center;
        }
    </style>
</head>
<body>
    <h1>Mario's Multiplication Adventure</h1>
    <p>Select the correct answer to the multiplication questions to help Mario defeat the enemies!</p>
    <img id="mario" src="mario.png" width="100" height="100">
    <div id="question"></div>
    <div id="options"></div>
    <div id="result"></div>

// Define multiplication questions
        var questions = [
            { question: "2 x 3", options: ["4", "6", "8", "10"], answer: 1 },
            { question: "5 x 7", options: ["25", "30", "35", "40"], answer: 2 },
            { question: "9 x 4", options: ["32", "36", "40", "44"], answer: 1 },
            // Add more questions...
        ];

// Function to generate random question
        function generateQuestion() {
            var randomIndex = Math.floor(Math.random() * questions.length);
            var questionObj = questions[randomIndex];
            
            document.getElementById("mario").src = "mario.png"; // Reset Mario's image

// Display the question
            document.getElementById("question").innerText = questionObj.question;

// Display answer options
            var optionsDiv = document.getElementById("options");
            optionsDiv.innerHTML = "";

for (var i = 0; i < questionObj.options.length; i++) {
                var button = document.createElement("button");
                button.innerText = questionObj.options[i];

// Add click event listener to the buttons
                button.addEventListener("click", checkAnswer.bind(null, questionObj, i));

optionsDiv.appendChild(button);
            }
        }

// Function to check the user's answer
        function checkAnswer(question, selectedOption) {
            if (selectedOption === question.answer) {
                document.getElementById("mario").src = "mario-jump.png";
                score++;
                document.getElementById("result").innerText = "Correct!";
            } else {
                document.getElementById("mario").src = "mario-dead.png";
                document.getElementById("result").innerText = "Wrong answer!";
            }

questionCount++;

// Check if game over
            if (questionCount === maxQuestions) {
                document.getElementById("options").innerHTML = "";
                document.getElementById("result").innerHTML = "<h2>Game Over!</h2><p>Your score: " + score + "</p>";
            } else {
                setTimeout(generateQuestion, 1000);
            }
        }

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

Note: You will need to provide your own image files for Mario's different states (e.g., "mario.png", "mario-jump.png", "mario-dead.png") and update the image paths in the code accordingly for the game to function properly.