欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

JavaScript利用递归和循环实现阶乘

程序员文章站 2022-04-28 21:33:39
【实现方法】 1.利用while循环来做，当然for循环也可以。 2.递归 【代码内容】 偷懒，直接用onkeyup事件来限制来页面的输入 循环代码： 递归代码 完整代码: ......

【实现方法】

　　1.利用while循环来做，当然for循环也可以。

　　2.递归

【代码内容】

　　　　偷懒，直接用onkeyup事件来限制来页面的输入

　

　　循环代码：

　　　　

//第一种方法 while循环
               ocount.onclick = function (){
                    var onum = document.getelementbyid('num').value;
                    onum = number(onum);
                    if(onum <= 1){
                         obox.innerhtml = 1;
                    }
                    var ores = 1;
                    while(onum){
                        ores *= onum;
                        onum--;
                    }
                    obox.innerhtml = ores;
                }

　　

　　　　

　　递归代码

// 第二种方法   递归
            ocount.onclick = function(){
                var onum = document.getelementbyid('num').value;
                onum = number(onum);
                function factorial (num) {
                    if (num <= 1) {
                        return 1;
                    } else {
                        return (num * factorial(num-1));
                    }
                };
                ores=factorial(onum);
                obox.innerhtml = ores;
            };

　　

　　完整代码:

　

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>两种实现阶乘方法</title>
    <style>
        #box {
            width: 100%;
            height: 200px;
            border: 1px solid #ccc;
            text-align: center;
        }
    </style>
    <script>
        window.onload = function() {

             var obox = document.getelementbyid('box');
             var ocount = document.getelementbyid('count');

            // 第一种方法 while循环
            //    ocount.onclick = function (){
            //         var onum = document.getelementbyid('num').value;
            //         onum = number(onum);
            //         if(onum <= 1){
            //              obox.innerhtml = 1;
            //         }
            //         var ores = 1;
            //         while(onum){
            //             ores *= onum;
            //             onum--;
            //         }
            //         obox.innerhtml = ores;
            //     }


        // 第二种方法
            ocount.onclick = function(){
                var onum = document.getelementbyid('num').value;
                onum = number(onum);
                function factorial (num) {
                    if (num <= 1) {
                        return 1;
                    } else {
                        return (num * factorial(num-1));
                    }
                };
                ores=factorial(onum);
                obox.innerhtml = ores;
            };
        }
    </script>
</head>
<body>
    <div id="box"></div>
    <input type="text" id="num" onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu = "value=value.replace(/[^0-9]/g,'')">
    <input type="button" id="count" value="计算">
</body>
</html>

 

上一篇： Windows Server 2016-批量设置用户下次登陆须更改密码

下一篇： @Autowired 与@Resource的区别

推荐阅读