哪个更大?!我的js代码有问题

which one is bigger?! a problem in my js code

我写了一个js代码来判断哪个数字更大但是结果并不完美!当我输入两个具有相同数字的数字时,结果是正确的。例如,当我输入“2”和“3”时,结果为“3”,但当我在第一个字段中输入“2”,在第二个字段中输入“55”时,结果为“2”。
提前致谢。
抱歉我的英语不好。

    
function biggerOne() {
    var x = document.getElementById("firstNumber").value;
    var y = document.getElementById("secondNumber").value;
  
    if (x>y){     document.getElementById("Result").innerHTML=x;
    
     } else {
    
    document.getElementById("Result").innerHTML=y;
        }
       
    }
<!DOCTYPE html>
<head>
    <script src="show bigger.js"></script>
</head>
<body>
    <p>insert first number</p>
    <input type="number" id="firstNumber" ر>
    <p> insert second number</p>
    <input type="number" id="secondNumber">
    <button onclick="biggerOne()"> result </button>
    <!---it is so important to insert value in the below code line-->
    <p id="Result" value=""></p>


</body>

将 x 和 y 的类型更改为数字,然后尝试 compare.for 转换您可以使用 Number 或 parsint

if (Number(x) > Number(Y))
//some code
else
//some code

<!DOCTYPE html>

<head>
  <script src="show bigger.js"></script>
</head>

<body>
  <p>insert first number</p>
  <input type="number" id="firstNumber" ر>
  <p> insert second number</p>
  <input type="number" id="secondNumber">
  <button onclick="biggerOne()"> result </button>
  <!---it is so important to insert value in the below code line-->
  <p id="Result" value=""></p>
  <script>
    function biggerOne() {
      var x = document.getElementById("firstNumber").value;
      var y = document.getElementById("secondNumber").value;
      if (parseInt(x) > parseInt(y)) {
        document.getElementById("Result").innerHTML = x;

      } else {

        document.getElementById("Result").innerHTML = y;
      }

    }
  </script>

</body>

使用 parseInt 方法。

Document.getElementById() returns "String" 类型的值和两个字符串之间的比较会有不同的行为。最好将这些字符串类型转换为整数。

var x = document.getElementById("firstNumber").value;
var y = document.getElementById("secondNumber").value;

if (parseInt(x) > parseInt(y))
{     
  document.getElementById("Result").innerHTML=x;
} 
else 
{
  document.getElementById("Result").innerHTML=y;
}