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

No:17382

105

Make a children’s school game where you will learn..ALL
Developer User7632｜Date and time 23/9/23 6:51:44
Build time 26.982 sec｜Game capacity 3.656KB｜

Sure! Here's a simple children's school game that encompasses various subjects such as science, math, reading, addition, and subtraction. The game will be designed for smartphone operation and will include pictograms. Below is the implementation of the game as a single HTML file enclosed in script tags:

Children's School Game

To play the game: 1. Save the entire code provided in a single HTML file (e.g., "children_game.html"). 2. Open the HTML file on your smartphone's web browser. 3. Click on the "Start Game" button. 4. Answer the questions presented in the game using the provided input field. 5. Click on the "Check Answer" button to verify your response. 6. The game will provide feedback on whether your answers are correct or incorrect. 7. The game will continue until all the questions are answered. 8. Once completed, a message will congratulate you, and you can restart the game by clicking the "Restart Game" button. The game includes four questions covering science, reading, addition, and subtraction. It is designed to be educational and interactive for children.

→ 　

0　

0　

[PR]現在の人気グッズランキング

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

(C)2023 HisashiApp

Sure! Here's a simple children's school game that encompasses various subjects such as science, math, reading, addition, and subtraction. The game will be designed for smartphone operation and will include pictograms. Below is the implementation of the game as a single HTML file enclosed in script tags:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Children's School Game</title>
    <style>
      body {
        text-align: center;
        font-family: Arial, sans-serif;
      }
      h1 {
        color: #444;
      }
      button {
        padding: 10px 20px;
        font-size: 16px;
        background-color: #4CAF50;
        color: #fff;
        border: none;
        cursor: pointer;
        margin-top: 20px;
      }
      #question {
        margin-top: 30px;
        font-size: 20px;
        font-weight: bold;
      }
      #answer {
        margin: 20px;
        font-size: 24px;
      }
    </style>
  </head>
  <body>
    <h1>Children's School Game</h1>
    
    <button onclick="startGame()">Start Game</button>
    
    <div id="question"></div>
    <input type="text" id="answer" />
    <button onclick="checkAnswer()">Check Answer</button>
    
    <script>
      var questions = [
        { question: "Which planet is closest to the sun?", answer: "Mercury" },
        { question: "What is the capital of France?", answer: "Paris" },
        { question: "Solve: 5 + 3 =", answer: "8" },
        { question: "Solve: 10 - 4 =", answer: "6" }
      ];
      
      var currentQuestionIndex = 0;
      
      function startGame() {
        var startButton = document.querySelector("button");
        startButton.style.display = "none";
        
        showNextQuestion();
      }
      
      function showNextQuestion() {
        var questionDiv = document.getElementById("question");
        questionDiv.textContent = questions[currentQuestionIndex].question;
        
        var answerInput = document.getElementById("answer");
        answerInput.value = "";
      }
      
      function checkAnswer() {
        var answerInput = document.getElementById("answer");
        var userAnswer = answerInput.value;
        
        if (userAnswer.toLowerCase() === questions[currentQuestionIndex].answer.toLowerCase()) {
          alert("Correct! Good job!");
        } else {
          alert("Oops! That's incorrect. Try again!");
        }
        
        currentQuestionIndex++;
        
        if (currentQuestionIndex < questions.length) {
          showNextQuestion();
        } else {
          alert("Congratulations! You have completed the game!");
          var restartButton = document.createElement("button");
          restartButton.textContent = "Restart Game";
          restartButton.onclick = function() {
            location.reload();
          };
          document.body.appendChild(restartButton);
        }
      }
    </script>
  </body>
</html>
```

To play the game:
1. Save the entire code provided in a single HTML file (e.g., "children_game.html").
2. Open the HTML file on your smartphone's web browser.
3. Click on the "Start Game" button.
4. Answer the questions presented in the game using the provided input field.
5. Click on the "Check Answer" button to verify your response.
6. The game will provide feedback on whether your answers are correct or incorrect.
7. The game will continue until all the questions are answered.
8. Once completed, a message will congratulate you, and you can restart the game by clicking the "Restart Game" button.

The game includes four questions covering science, reading, addition, and subtraction. It is designed to be educational and interactive for children.