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

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

程序员文章站 2022-08-30 23:04:51
【实现方法】 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>

 

上一篇： 大比速：remoting、WCF(http)、WCF(tcp)、WCF(RESTful)、asp.net core(RESTful)

下一篇： openSUSE Leap 15.0 Adobe Flash Player 安装说明

推荐阅读