输入数字，求各个位的值

喜欢ヅ旅行 2023-06-05 08:10 13阅读 0赞

本例子以四位数来算。
    注释写在代码里了。
    
    
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    <body>
        <input type="number" id="num">
        <button id="btn">click</button>
        个<span id="res1"></span>
        十<span id="res2"></span>
        百<span id="res3"></span>
        千<span id="res4"></span>
        
    <script>
        var num = document.getElementById("num");
        var btn = document.getElementById("btn");
        var res1 = document.getElementById("res1");
        var res2 = document.getElementById("res2");
        var res3 = document.getElementById("res3");
        var res4 = document.getElementById("res4");
        // 获取所需元素
        btn.onclick = function(){
            var val = parseInt(num.value);
            // 获取用户输入的值
    　　　　 // input表单中获取的内容都是string类型， 如果值为string型的数字，参与计算时，务必转换为数字型
    
            res1.innerHTML = val % 10;
            res2.innerHTML = parseInt(val % 1000 /100);
            res3.innerHTML = parseInt(val % 1000 % 100 /10);
            res4.innerHTML = parseInt(val / 1000);
            // 计算每个位的值，算出来的结果是有小数点的，取证就好了
        }
    
    </script>   
    </body>
    </html>

转载于:https://www.cnblogs.com/sandraryan/p/11313153.html