该功能运行良好，但我不知道为什么我的警报框在点击后不会触发。
<html>
<script type="text/javascript">
function getRNG(min, max) {
return Math.floor(Math.random() * (max - min + 1) + min);
}
function rollD20() {
document.getElementById("txtNumber").value = getRNG(1, 20);
}
if (txtNumber < 10) {
alert("Failure");
} else {
alert("Success");
}
</script>
<body>
<input type="text" disabled="disabled" size="2" id="txtNumber" />
<div id="output"></div>
<button onclick="rollD20();">Roll</button>
</body>
</html>
最佳答案
您遇到关闭问题。应该是:
<script type="text/javascript">
function getRNG(min, max) {
return Math.floor(Math.random() * (max - min + 1) + min);
}
function rollD20() {
document.getElementById("txtNumber").value = getRNG(1, 20);
if (txtNumber < 10) {
alert("Failure");
}
else {
alert("Success");
}
}
</script>
所做的更改是将 rollD20 函数的右括号移至 if/else 语句下方。
还值得注意的是，我没有看到您设置 txtNumber 的任何地方。
也许你的意思是:
function rollD20() {
var txtNumber = getRNG(1, 20);
document.getElementById("txtNumber").value = txtNumber;
if (txtNumber < 10) {
alert("Failure");
}
else {
alert("Success");
}
}
如果是这样，这可以进一步减少(如果需要)到简单:
function rollD20() {
var txtNumber = document.getElementById("txtNumber").value = getRNG(1, 20);
alert(txtNumber < 10 ? "Failure" : "Success");
}
关于javascript - 功能警报框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32483144/