请问HTML怎么比较两个数字的大小

需要用到js，但是我没有学过，不知道怎么编写，需要利用HTML来编写代码，内容是比较两个数字的大小，需要可以在文本框中输入，并且得出相应的正确结果


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数字大小比较</title>
</head>
<script type="text/javascript">
    function compare(){
        var number1= Number(document.getElementById("number1").value);
        var number2= Number(document.getElementById("number2").value);
        if(number1>number2){
            alert("数值1大");
        }else if(number1==number2){
            alert("两值相等");
        }else{
            alert("数值2大");
        }
    }

</script>
<body>
数值1：<input id="number1" type="number">
数值2：<input id="number2"  type="number">
<button onclick="compare()">比较</button>
</body>
</html>

img

有帮助的话请采纳一下，谢谢

document获取文本值进行比较就行了

  • 以下html中比较大小可以直接运行
<html>
<head>
<title>xcSharp博客</title>
<script type="text/javascript">
    function show(){
        var n1=parseFloat(document.getElementById("t1").value);
        var n2=parseFloat(document.getElementById("t2").value);
        if(n1>n2){
            alert("值1大");
        }else if(n1==n2){
            alert("两值相等");
        }else{
            alert("值2大");
        }
    }
</script>
</head>
<body>
值1：<input id="t1" type="text" value="1" >
值2：<input id="t2" type="text" value="2" ><br/><br/>
<a onclick="show();" style="border:1px solid orange;border-radius:5px; cursor:pointer;padding:5px;">比较大小</a>
</body>
</html>