<html>
<body>
<center>
<h1>MATH QUIZ</h1>
<p id="b">1+1=?</p>
<input id="a" placeholder="Enter your answer" />
<button onclick="hi()">Submit</button>
<p id="feedback"></p>
<script>
let correctAnswer = 2; // Initial correct answer for 1+1
function generate(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
function hi() {
let userAnswer = document.getElementById("a").value;
let feedback = document.getElementById("feedback");
if (parseFloat(userAnswer) === correctAnswer) {
feedback.innerHTML = "✅ Correct! Next question:";
let a = generate(1, 4);
let abc = generate(1, 100);
let bac = generate(1, 100);
if (a === 1) {
correctAnswer = abc + bac;
document.getElementById("b").innerHTML = abc + "+" + bac + "=?";
} else if (a === 2) {
correctAnswer = abc - bac;
document.getElementById("b").innerHTML = abc + "-" + bac + "=?";
} else if (a === 3) {
correctAnswer = parseFloat((abc / bac).toFixed(2));
document.getElementById("b").innerHTML = abc + "÷" + bac + "=? (round to 2 decimal places)";
} else {
correctAnswer = abc * bac;
document.getElementById("b").innerHTML = abc + "×" + bac + "=?";
}
document.getElementById("a").value = "";
} else {
feedback.innerHTML = "❌ Incorrect, try again!";
}
}
</script>
</center>
</body>
</html>
Use the calculator here if needed