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

No:22074

I want to make a math game for grade 6 students wi..ALL
Developer User10199｜Date and time 23/10/20 14:09:19
Build time 81.024 sec｜Game capacity 5.858KB｜

Script

Sure! Here's an example of a math game for grade 6 students using division, subtraction, multiplication, and addition. The game will ask the player to solve random math problems and keep track of their score. It will use pictograms and HTML buttons for smartphone operation.

Grade 6 Math Game

Score: 0

To play the game, you can simply save the code above into an HTML file and open it in a web browser on your smartphone or any device with a web browser. The game will present math problems using pictograms and four possible answer options as buttons. The player needs to select the correct option and their score will be tracked and displayed on the screen.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Grade 6 Math Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        .problem {
            font-size: 24px;
            margin-bottom: 20px;
        }
        .options button {
            width: 80px;
            height: 80px;
            font-size: 24px;
            margin: 10px;
        }
    </style>
</head>
<body>
    <h1>Grade 6 Math Game</h1>
    <div id="problem" class="problem"></div>
    <div id="options" class="options">
        <button id="option1"></button>
        <button id="option2"></button>
        <button id="option3"></button>
        <button id="option4"></button>
    </div>
    <div id="score">Score: 0</div>

let score = 0;
        let correctlyAnswered = 0;
        let totalProblems = 0;

// Generate and display a new math problem
        function generateProblem() {
            const operand1 = Math.floor(Math.random() * 10) + 1;
            const operand2 = Math.floor(Math.random() * 10) + 1;
            const operator = Math.floor(Math.random() * 4); // 0: addition, 1: subtraction, 2: multiplication, 3: division

let result, option1, option2, option3, option4;
            switch (operator) {
                case 0: // Addition
                    result = operand1 + operand2;
                    break;
                case 1: // Subtraction
                    result = operand1 - operand2;
                    break;
                case 2: // Multiplication
                    result = operand1 * operand2;
                    break;
                case 3: // Division
                    result = operand1 / operand2;
                    break;
            }

// Generate random incorrect options
            do {
                option1 = generateRandomOption(result);
                option2 = generateRandomOption(result);
                option3 = generateRandomOption(result);
                option4 = generateRandomOption(result);
            } while (option1 === option2 || option1 === option3 || option1 === option4 || option2 === option3 || option2 === option4 || option3 === option4);

// Display the problem and options
            document.getElementById("problem").innerHTML = operand1 + " " + pictograms[operator] + " " + operand2 + " = ?";
            document.getElementById("option1").innerHTML = option1;
            document.getElementById("option2").innerHTML = option2;
            document.getElementById("option3").innerHTML = option3;
            document.getElementById("option4").innerHTML = option4;

// Attach event listeners to the options
            document.getElementById("option1").addEventListener("click", checkAnswer);
            document.getElementById("option2").addEventListener("click", checkAnswer);
            document.getElementById("option3").addEventListener("click", checkAnswer);
            document.getElementById("option4").addEventListener("click", checkAnswer);

// Increment the total number of problems
            totalProblems++;
        }

// Generate a random option close to the correct answer
        function generateRandomOption(correctAnswer) {
            const offset = Math.floor(Math.random() * 5) + 1; // Offset can be between 1 and 5
            const sign = Math.random() < 0.5 ? -1 : 1; // Randomly select the sign of the offset

return correctAnswer + (offset * sign);
        }

// Check the selected answer and update the score
        function checkAnswer(event) {
            const selectedAnswer = parseInt(event.target.innerHTML);
            const operand1 = parseInt(document.getElementById("problem").innerHTML.split(" ")[0]);
            const operand2 = parseInt(document.getElementById("problem").innerHTML.split(" ")[2]);
            const operator = pictograms.indexOf(document.getElementById("problem").innerHTML.split(" ")[1]);
            let correctAnswer;

switch (operator) {
                case 0: // Addition
                    correctAnswer = operand1 + operand2;
                    break;
                case 1: // Subtraction
                    correctAnswer = operand1 - operand2;
                    break;
                case 2: // Multiplication
                    correctAnswer = operand1 * operand2;
                    break;
                case 3: // Division
                    correctAnswer = operand1 / operand2;
                    break;
            }

if (selectedAnswer === correctAnswer) {
                score += 10;
                correctlyAnswered++;
                alert("Correct!");
            } else {
                alert("Incorrect!");
            }

// Update the score display
            document.getElementById("score").innerHTML = "Score: " + score;

// Generate a new problem
            generateProblem();
        }

// Start the game
        generateProblem();

</script>
</body>
</html>
```