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

No:24383

Make a game that helps you with your times tables ..ALL
Developer User11472｜Date and time 23/11/8 5:34:47
Build time 115.281 sec｜Game capacity 3.597KB｜

Script

Sure! Here's a simple game that helps you practice your times tables. It is implemented as a single HTML file, containing JavaScript enclosed in script tags:

Times Tables Game

Let's start!

Coins: 0

To play the game, simply copy the above code into a new HTML file, save it, and open it in a web browser. The game will start automatically. You input your answer in the input field and click the "Check" button to validate your answer. You have three tries to get the question right, and if you fail, you move on to a question from the 13 times tables. If you answer correctly, you earn 10 coins. If you lose all your coins, the game resets and you start over. Note: Pictograms are not used in this game, but you can replace the text-based questions and answers with pictograms if desired.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Sure! Here's a simple game that helps you practice your times tables. It is implemented as a single HTML file, containing JavaScript enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Times Tables Game</title>
  <style>
    body { text-align: center; }
    h1 { margin-top: 50px; }
    #question { font-size: 30px; margin-top: 50px; }
    #answer { font-size: 20px; margin-top: 30px; }
    #result { font-size: 20px; margin-top: 20px; }
    #coins { font-size: 20px; margin-top: 30px; }
    #buttons { margin-top: 50px; }
    button { font-size: 20px; padding: 10px 20px; margin-right: 10px; }
  </style>
</head>
<body>
  <h1>Times Tables Game</h1>
  <div id="question">Let's start!</div>
  <input id="answer" type="number" placeholder="Enter your answer">
  <div id="result"></div>
  <div id="coins">Coins: <span id="coinCount">0</span></div>
  <div id="buttons">
    <button onclick="checkAnswer()">Check</button>
    <button onclick="resetGame()">Reset</button>
  </div>
  <script>
    var coinCount = 0;
    var tries = 3;

function generateQuestion() {
      var num1 = Math.floor(Math.random() * 12) + 1;
      var num2 = Math.floor(Math.random() * 12) + 1;
      return { num1, num2 };
    }

function checkAnswer() {
      var answerInput = document.getElementById('answer');
      var result = document.getElementById('result');
      var coinCountElement = document.getElementById('coinCount');

var answer = parseInt(answerInput.value);
      if (isNaN(answer)) return;

var question = generateQuestion();
      var expectedAnswer = question.num1 * question.num2;

if (answer === expectedAnswer) {
        coinCount += 10;
        result.textContent = 'Correct!';
        result.style.color = 'green';
        coinCountElement.textContent = coinCount;

if (coinCount >= 10 && coinCount % 10 === 0) {
          tries = 3;
        }
      } else {
        tries--;
        result.textContent = 'Wrong! Try again!';
        result.style.color = 'red';

if (tries === 0) {
          coinCount = 0;
          result.textContent = 'Oops! You lost all your coins.';
          result.style.color = 'red';
        }
      }

answerInput.value = '';
      answerInput.focus();

if (tries !== 0) {
        var questionText = question.num1 + ' x ' + question.num2 + ' = ?';
        document.getElementById('question').textContent = questionText;
      } else {
        document.getElementById('question').textContent = 'You lost! Game over.';
      }
    }

function resetGame() {
      coinCount = 0;
      tries = 3;
      document.getElementById('coinCount').textContent = 0;
      document.getElementById('question').textContent = 'Let\'s start!';
      document.getElementById('result').textContent = '';
      document.getElementById('answer').value = '';
    }

function startGame() {
      document.getElementById('answer').focus();
      generateQuestion();
    }

startGame();
  </script>
</body>
</html>
```

Note: Pictograms are not used in this game, but you can replace the text-based questions and answers with pictograms if desired.