JavaScript：parseInt()和parseFloat()方法判断整数或小数

最新推荐文章于 2024-01-30 11:24:24 发布

it_own_user

最新推荐文章于 2024-01-30 11:24:24 发布

阅读量885

点赞数

分类专栏： # JavaScript实例文章标签： parseInt parseFloat 整数判断小数判断前端验证

本文链接：https://blog.csdn.net/it_own_user/article/details/124177354

版权

JavaScript实例专栏收录该内容

3 篇文章 0 订阅

订阅专栏

注：个人练习编写的代码。

利用parseInt()和parseFloat()方法进行判断：

<!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>测试代码页</title>
    <style>
        #number{
            color: black;
            font-size: 16px;
        }
    </style>
</head>
<body>
    请输入数字：<input type="text" id="Num"/>
    <button onclick="newNum()">按钮</button>
    <hr>
    <div id="number"></div>
    
    <script>
        function newNum() {
            var inputNum = document.getElementById("Num");  //①定位：定位到input对象
            var Num = inputNum.value;                       //②操作：然后把值取出来
            console.log(Num);

            //判断条件
            var n = Num;
            if (parseInt(Num.toString()) == parseFloat(Num.toString())) {
                n = Num + "是整数。";
            } else {
                n = Num + "是小数。";
            }

            //返回结果
            var divNum = document.getElementById("number");      //①定位：定位到div对象
            document.getElementById("number").innerHTML = n;     //②操作：把值写进去
        }
    </script>
</body>
</html>

结果：