在HTML中如何利用js比较数字大小并且通过弹窗显示结果

用的HbuilderX编程软件在HTML中加Js比较一个数与一个运算后的数值大小没有反

两个数比较。注意一定要是 number类型

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    数字一：
    <input type="text" id="num1">
    数字二：
    <input type="text" id="num2">
    <button id="btn">比较</button>
</body>
<script>
  let num1=document.getElementById("num1");
  let num2=document.getElementById("num2");
  let btn=document.getElementById("btn");
  btn.onclick=function(){
     if(Number(num1)>Number(num2)){
         alert("数字一比二大")
     }else if(Number(num1)==Number(num2)){
        alert("数字一等于2")
     }else{
         alert("数字一小于 数字二")
     }
  }
</script>
</html>

跟用什么编辑器没有关系；首先确保你的数字都市nubmber 类型的，再去比较