【html】两个数比较大小

最新推荐文章于 2024-07-18 15:06:25 发布

陈迷学习

最新推荐文章于 2024-07-18 15:06:25 发布

阅读量1k

点赞数 4

分类专栏： html 文章标签： html 前端

本文链接：https://blog.csdn.net/ywftd/article/details/132483430

版权

html 专栏收录该内容

6 篇文章 2 订阅

订阅专栏

<!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>
    <p>请输入第一个数：<input type ="text" id="text1"/></p>
    <p>请输入第二个数：<input type ="text" id="text2"/></p>
    <button onclick="f1()">比较</button>
    <p>结果为：<span id="result"></span></p>
    <script>
       function f1(){
        var a,b,max;
        //获取ab的值并将字符串类型转为整型
        a=parseInt(document.getElementById("text1").value);
        b=parseInt(document.getElementById("text2").value);
        max=a>b?a:b;//比较
        document.getElementById("result").innerHTML=max;//innerHTML将值传到span标签中间
        }
    </script>

</body>
</html>