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

No:24351

I want the skin to be an education okay where you ..ALL
Developer User11472｜Date and time 23/11/8 1:11:40
Build time 130.638 sec｜Game capacity 7.261KB｜

Script

Sure! Here's the implementation of the game as a single HTML file with JavaScript:

Times Tables Game

Answer:

You can copy the above code and save it into a single HTML file (e.g., `game.html`). Then, you can open the file in any web browser on your smartphone to play the game. Follow the on-screen instructions to answer the times tables questions and fight the boss character. Good luck!

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's the implementation of the game as a single HTML file with JavaScript:

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Times Tables Game</title>
  <style>
    /* Styling for the game */
    body { font-family: Arial, sans-serif; }
    .game-container { text-align: center; padding: 20px; }
    .question-container { margin-bottom: 20px; }
    .timer { font-size: 24px; margin-bottom: 10px; }
    .answer-input { padding: 5px; width: 100px; font-size: 18px; }
    .power-ups { margin-top: 20px; }
    .power-up { display: inline-block; margin-right: 10px; }
    .boss { font-size: 30px; margin-top: 20px; }
    .message { margin-top: 20px; }
    .correct { color: green; }
    .wrong { color: red; }
  </style>
</head>
<body>
  <div class="game-container">
    <h1>Times Tables Game</h1>
    
    <div class="question-container">
      <label for="answer-input">Answer:</label>
      <input type="number" id="answer-input" class="answer-input" min="1" max="144" autocomplete="off">
    </div>
    
    <div id="timer" class="timer"></div>
    
    <div id="power-ups" class="power-ups"></div>
    
    <div id="boss" class="boss"></div>
    
    <div id="message" class="message"></div>
  </div>
  
  <script>
    // Game logic
    (function() {
      // Available power-ups
      const powerUps = ['Double Damage', 'Extra Life', 'Health Boost', 'Speed Boost', 'Shield'];
      let currentPowerUps = 5; // Starting with 5 power-ups
      
      const timerElement = document.getElementById('timer');
      const answerInputElement = document.getElementById('answer-input');
      const powerUpsElement = document.getElementById('power-ups');
      const bossElement = document.getElementById('boss');
      const messageElement = document.getElementById('message');
      
      let currentQuestion; // To store the current question object
      let bossHealth = 100; // Boss health
      
      // Event listener for answer input
      answerInputElement.addEventListener('keyup', function(event) {
        if (event.keyCode === 13) { // Check if Enter key is pressed
          checkAnswer();
        }
      });
      
      function startGame() {
        resetGame();
        generateQuestion();
        startTimer();
      }
      
      function resetGame() {
        currentQuestion = null;
        resetTimer();
        resetBoss();
        resetMessage();
        resetAnswerInput();
      }
      
      function generateQuestion() {
        const num1 = Math.floor(Math.random() * 12) + 1; // Random number from 1 to 12
        const num2 = Math.floor(Math.random() * 12) + 1;
        currentQuestion = { num1, num2, answer: num1 * num2 };
        displayQuestion();
      }
      
      function displayQuestion() {
        answerInputElement.value = ''; // Clear answer input
        const questionText = `${currentQuestion.num1} x ${currentQuestion.num2} = ?`;
        document.querySelector('.question-container').innerHTML = questionText;
      }
      
      function startTimer() {
        let timeLeft = 5;
        timerElement.textContent = timeLeft;
        
        const timerInterval = setInterval(() => {
          timeLeft--;
          timerElement.textContent = timeLeft;
          
          if (timeLeft === 0) {
            clearInterval(timerInterval);
            handleTimeUp();
          }
        }, 1000);
      }
      
      function resetTimer() {
        timerElement.textContent = '';
      }
      
      function resetBoss() {
        bossHealth = 100;
        bossElement.textContent = '';
      }
      
      function resetMessage() {
        messageElement.textContent = '';
        messageElement.classList.remove('correct', 'wrong');
      }
      
      function resetAnswerInput() {
        answerInputElement.value = '';
        answerInputElement.disabled = false;
      }
      
      function checkAnswer() {
        const userAnswer = parseInt(answerInputElement.value);
        
        if (isNaN(userAnswer)) return; // Ignore if answer is not a number
        
        if (userAnswer === currentQuestion.answer) {
          handleCorrectAnswer();
        } else {
          handleWrongAnswer();
        }
      }
      
      function handleCorrectAnswer() {
        resetTimer();
        
        if (currentPowerUps < powerUps.length) {
          currentPowerUps++;
          displayPowerUps();
        }
        
        messageElement.classList.add('correct');
        messageElement.textContent = 'Correct answer! Next question coming up.';
        
        setTimeout(() => {
          resetMessage();
          generateQuestion();
          startTimer();
        }, 1500);
      }
      
      function handleWrongAnswer() {
        resetAnswerInput();
        
        if (currentPowerUps > 0) {
          currentPowerUps--;
          displayPowerUps();
        } else {
          handleBossFight();
        }
        
        messageElement.classList.add('wrong');
        messageElement.textContent = 'Wrong answer! Try again.';
      }
      
      function handleBossFight() {
        clearInterval(timerInterval); // Stop the timer
        answerInputElement.disabled = true;
        
        messageElement.textContent = 'Boss fight!';
        
        setTimeout(() => {
          bossElement.textContent = '👾'; // Boss character emoji
          
          const attackButton = document.createElement('button');
          attackButton.textContent = 'Attack';
          attackButton.addEventListener('click', handleAttack);
          document.body.appendChild(attackButton);
        }, 500);
      }
      
      function handleAttack() {
        const damage = Math.floor(Math.random() * 20) + 10; // Random damage between 10 and 30
        bossHealth -= damage;
        
        if (bossHealth <= 0) {
          winGame();
        } else {
          messageElement.textContent = `You attacked the boss for ${damage} damage!`;
          setTimeout(() => {
            messageElement.textContent = '';
            bossElement.textContent = '👾'; // Boss character emoji
          }, 1500);
        }
      }
      
      function winGame() {
        document.body.innerHTML = '<h1>Congratulations! You defeated the boss and won the game!</h1>';
      }
      
      function displayPowerUps() {
        powerUpsElement.innerHTML = '';
        
        for (let i = 0; i < powerUps.length; i++) {
          const powerUp = document.createElement('span');
          powerUp.classList.add('power-up');
          powerUp.textContent = powerUps[i];
          
          if (i < currentPowerUps) {
            powerUp.style.color = 'green';
          } else {
            powerUp.style.color = 'gray';
          }
          
          powerUpsElement.appendChild(powerUp);
        }
      }
      
      // Start the game
      startGame();
      
    })();
  </script>
</body>
</html>
```