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

No:52103

207

←

Prev Next

→

A maths beat the clock game. In this game, you att..ALL
Developer User15231｜Date and time 24/3/17 18:52:28
Build time 8.808 sec｜Game capacity 2.664KB｜

Script

Multiplication Beat the Clock Game

Answer ten multiplication questions in less than 30 seconds!

Click the start button to begin.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Multiplication Beat the Clock Game</title>
</head>
<body>
    <h1>Multiplication Beat the Clock Game</h1>
    <p>Answer ten multiplication questions in less than 30 seconds!</p>
    <p>Click the start button to begin.</p>
    <button onclick="startGame()">Start Game</button>

<h2 id="question"></h2>
    <input type="number" id="answer" placeholder="Enter your answer">
    <button onclick="submitAnswer()">Submit</button>

function startGame() {
            currentQuestion = 1;
            score = 0;
            startTime = performance.now();
            showQuestion();
            updateTimer();
        }

function showQuestion() {
            const num1 = Math.floor(Math.random() * 10) + 1;
            const num2 = Math.floor(Math.random() * 10) + 1;

document.getElementById('question').innerText = `${num1} x ${num2} =`;
        }

function submitAnswer() {
            const answer = parseInt(document.getElementById('answer').value);
            const [num1, num2] = document.getElementById('question').innerText.split('x').map(num => parseInt(num));

if (answer === num1 * num2) {
                score++;
            }

currentQuestion++;
            document.getElementById('answer').value = '';

if (currentQuestion <= 10) {
                showQuestion();
            } else {
                endTime = performance.now();
                const timeTaken = (endTime - startTime) / 1000;

document.getElementById('result').innerText = result;
            }
        }

function updateTimer() {
            let timeLeft = 30 - (performance.now() - startTime) / 1000;
            document.getElementById('timer').innerText = `Time left: ${timeLeft.toFixed(2)}s`;

if (timeLeft <= 0) {
                submitAnswer();
            } else {
                requestAnimationFrame(updateTimer);
            }
        }
    </script>
</body>
</html>
```