前端写一个随机生成三个数字加减乘除运算结果为整数
时间: 2024-05-08 12:17:33 浏览: 99
以下是一个前端随机生成三个数字加减乘除运算结果为整数的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>随机生成三个数字加减乘除运算结果为整数</title>
</head>
<body>
<h1>随机生成三个数字加减乘除运算结果为整数</h1>
<p id="question"></p>
<p id="answer"></p>
<button onclick="generateQuestion()">生成题目</button>
<button onclick="checkAnswer()">检查答案</button>
<script>
var num1, num2, num3, operator, result;
function generateQuestion() {
num1 = Math.floor(Math.random() * 10) + 1; // 生成1-10的随机整数
num2 = Math.floor(Math.random() * 10) + 1;
num3 = Math.floor(Math.random() * 10) + 1;
operator = ["+", "-", "*", "/"][Math.floor(Math.random() * 4)]; // 随机选择加减乘除运算符
switch (operator) {
case "+":
result = num1 + num2 + num3;
break;
case "-":
result = num1 - num2 - num3;
break;
case "*":
result = num1 * num2 * num3;
break;
case "/":
result = num1 * num2;
num1 = result * num3; // 确保结果为整数
break;
}
document.getElementById("question").innerHTML = num1 + " " + operator + " " + num2 + " " + operator + " " + num3 + " = ?";
document.getElementById("answer").innerHTML = "";
}
function checkAnswer() {
var userAnswer = parseInt(prompt("请输入你的答案:"));
if (userAnswer == result) {
document.getElementById("answer").innerHTML = "恭喜你,回答正确!";
} else {
document.getElementById("answer").innerHTML = "很遗憾,回答错误!正确答案是:" + result;
}
}
</script>
</body>
</html>
```
该代码会生成一个包含“生成题目”和“检查答案”按钮的网页。点击“生成题目”按钮后,会生成一个随机的加减乘除运算题目,并在网页上显示出来。点击“检查答案”按钮后,会弹出一个输入框,让用户输入答案。如果用户输入的答案与正确答案一致,则网页上会显示“恭喜你,回答正确!”;否则会显示“很遗憾,回答错误!正确答案是:XX”,其中XX为正确答案。
阅读全文