初学者需要帮助（parseInt）。 JS/HTML答案

【问题标题】：Beginner needs help (parseInt). JS/HTML初学者需要帮助（parseInt）。 JS/HTML
【发布时间】：2021-01-22 15:02:37
【问题描述】：

我一个多星期前开始学习这种编码的东西，但我没有太多的经验（正如你可能看到的那样）。
我不知道自己在做什么，因此我的代码不起作用，由于某种原因，它只打印前 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>

【问题讨论】：

请找一个更有表现力的问题标题。
stackoverflow.com/help/how-to-ask

标签： parseint

【解决方案1】：

您可能应该使用&&（表示和），而不是||（表示或）。

使用您当前的代码，前两个选项中的一个将始终运行，因为如果速度大于 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>";    
    }

【讨论】：

【解决方案2】：

您不需要在后续的else ifs 中添加>=，因为它到达那里只有当上述条件为假时
即使您需要以某种方式添加它应该与 && 连接，否则所有值 >=61 将被困在第二个 else if 和因此将永远不会到达它下面的块

我认为以下是您想要实现的目标

<!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 <= 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>";
        }

    </script>
</body>

</html>

【讨论】：