如何解决初学者需要帮助parseInt JS/HTML
一个多星期前我开始学习这方面的编码，但我在这方面没有太多经验（你可能已经看到了）。
我不知道我在做什么，因此我的代码不起作用，出于某种原因，它只打印前 2 个答案。
如果您能让我知道如何在使用 parseInt(document.getElementById("speed").value) 时使用 if...else 语句，那就太好了。
提前致谢。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Penalty</title>
</head>
<body>
<form>
<label>Fine:</label>
<input type="text" id="speed" size="3">
<input type="button" value="Submit" onclick="sSubmit()">
</form>
<p id="answer"></p>
<script type="text/javascript">
function sSubmit() {
var speed = parseInt(document.getElementById("speed").value);
var result;
if (speed <= 60) {
result = " No fine";
}
else if (speed >= 61 || speed <= 71) {
result = "Fine is 100€";
} else if (speed >= 72 || speed <= 75) {
result = "Fine is 170€";
} else if (speed >= 76 || speed <= 80) {
result = "Fine is 200€";
} else {
result = "Day-fine ";
}
document.getElementById("answer").innerHTML = "<p>" + result + "</p>";
}
</script>
</body>
</html>解决方法
您可能应该使用&&（表示和），而不是||（表示或）。
使用您当前的代码，前两个选项中的一个将始终运行，因为如果速度大于 60（从而使其到达第一个 else if），那么它始终将是大于60或小于72。您希望它大于60和 小于 72。
一个更新的例子：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Penalty</title>
</head>
<body>
<form>
<label>Fine:</label>
<input type="text" id="speed" size="3">
<input type="button" value="Submit" onclick="sSubmit()">
</form>
<p id="answer"></p>
<script type="text/javascript">
function sSubmit () {
var speed = parseInt(document.getElementById("speed").value);
var result;
if (speed <= 60){
result = " No fine" ;
}
else if (speed >= 61 && speed <=71 ) {
result = "Fine is 100€" ;
} else if (speed >= 72 && speed <=75 ) {
result = "Fine is 170€" ;
} else if (speed >= 76 && speed <=80 ) {
result = "Fine is 200€" ;
} else {
result = "Day-fine ";
}
document.getElementById("answer").innerHTML= "<p>" + result + "</p>";
}
</script>
</body>
</html>另外，作为旁注，您真的根本不需要 &&。由于您使用的是 else if 语句，因此您可以简单地单独使用 <=。例如，在 speed >= 61 && speed <= 71 分支中，我们知道速度不能小于或等于 60。如果是，则之前的 if 主体将被执行，而 else if 语句将永远不会被评估。因此，以下 JavaScript 就足够了：
function sSubmit () {
var speed = parseInt(document.getElementById("speed").value);
var result;
if (speed <= 60){
result = " No fine" ;
}
else if (speed <=71 ) {
result = "Fine is 100€" ;
} else if (speed <=75 ) {
result = "Fine is 170€" ;
} else if (speed <=80 ) {
result = "Fine is 200€" ;
} else {
result = "Day-fine ";
}
document.getElementById("answer").innerHTML= "<p>" + result + "</p>";
}
- 您不需要在后续的
>=中添加else if，因为它到达那里仅当上述条件为假时 - 即使您以某种方式需要添加它应该与 && 连接，否则对于所有值
>=61将陷入在第二个 {{ 1}} 从而永远到达它下面的块 - 我认为以下是您想要实现的目标
else if
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
