javascript - 不等于 <> 运算符不工作

标签 javascript

当我在代码中使用大于或小于符号 ( < > ) 时,它会返回错误的结果 - 例如,当我输入 2 和 10 时,它会返回 2 更大而 10 更小!

我知道我可以使用 Math.max(a,b)然后它返回正确的结果但我想知道:为什么它返回错误的结果?我错了吗?

请为我解释一下。谢谢。 (;

代码如下:

<!DOCTYPE html>
<html>
<head>
    <title>showing the bigger an smaller number</title>
    <meta charset="utf-8">
    <script>
        function b(){ 
            var a=document.getElementById("a").value;
            var b=document.getElementById("b").value;
            if (a>b){document.getElementById("o").innerHTML="a is bigger : "+a}
            else {if (a<b){document.getElementById("o").innerHTML="b is bigger : "+b}}
        }
        function k(){ 
            var a=document.getElementById("a").value;
            var b=document.getElementById("b").value;
            if (a>b){document.getElementById("o").innerHTML="b is smaller : "+b}
            else {if (a<b){document.getElementById("o").innerHTML="a is smaller : "+a}}
        }
    </script>
    <style>
       small {
           font-family:"Comic Sans MS", cursive;
           color:#666;
       }
       input { 
           height:30px;
           width:175px;
        }
    </style>
</head>
<body>
    <input type="number" id="a" placeholder="type first Number here"></input><b>&nbsp;</b>
    <input  type="number" id="b" placeholder="type second number here"></input>
    <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <button onClick="b();">show me the bigger Number</button>
    <button onclick="k();">show me the smaller Number</button>
    <br><b></b>
    <br><small id="o">&nbsp;</small>
</body>
</html>

对不起,如果我的英语不好。

最佳答案

尝试将值解析为 float 。目前,您正在比较字符串:

var a = parseFloat(document.getElementById("a").value),
    b = parseFloat(document.getElementById("b").value);

当然,如果用户输入的不是有效数值,这将导致问题...

关于javascript - 不等于 <> 运算符不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17511171/

相关文章:

javascript - JSHint:为什么这个局部变量的值从未被读取过?

javascript - 单击时使用 Jquery 显示搜索输入框,但不提交

javascript - 如何使用 Underscore.js 转换/混淆对象中的每个值

javascript - ng-class 的这种(看似)意外行为背后的解释是什么?

javascript - XMLHttpRequest 是否根据 XSD 检查 XML 文档(如果存在)?

javascript - 带有 cookie 的 CSS 主体类 jquery 切换器

javascript - ngResource 如何将 promise 附加到数组

javascript - 用php在警报中换行

javascript - Ajax自动改变变量

javascript - html/javascript : ID of a button is changing (? )