【实现方法】

　　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>

JavaScript利用递归和循环实现阶乘的更多相关文章

  1. Javascript利用递归实现数组的快速排序

    // 定义快速排序方法 function quickSort(arr){ // 设置递归的终止条件 if( arr.length <= 1){ return arr; } // 获得数组arr的 ...

  2. 小记：利用递归调用循环寻找MP3文件的方法。

    private void findMp3Data(File mp3file) { File[] filelist = mp3file.listFiles(); if (filelist != null ...

  3. javascript递归、循环、迭代、遍历和枚举概念

    javascript递归.循环.迭代.遍历和枚举概念 〓递归(recursion)在数学与计算机科学中,是指在函数的定义中使用函数自身的方法.递归一词还较常用于描述以自相似方法重复事物的过程.例如,当 ...

  4. SQL 横转竖 、竖专横 （转载） 使用Dapper.Contrib 开发.net core程序，兼容多种数据库 C# 读取PDF多级书签 Json.net日期格式化设置 ASPNET 下载共享文件 ASPNET 文件批量下载 递归，循环，尾递归 利用IDisposable接口构建包含非托管资源对象 《.NET 进阶指南》读书笔记2------定义不可改变类型

    SQL 横转竖 .竖专横 (转载)   普通行列转换 问题:假设有张学生成绩表(tb)如下: 姓名 课程 分数 张三 语文 74 张三 数学 83 张三 物理 93 李四 语文 74 李四 数学 84 ...

  5. JavaScript：利用递归实现对象深拷贝

    先来普及一下深拷贝和浅拷贝的区别浅拷贝:就是简单的复制,用等号即可完成 let a = {a: 1} let b = a 这就完成了一个浅拷贝但是当修改对象b的时候,我们发现对象a的值也被改变了 b. ...

  6. JAVA下实现二叉树的先序、中序、后序、层序遍历（递归和循环）

    import java.util.HashMap; import java.util.LinkedList; import java.util.Map; import java.util.Queue; ...

  7. 深入理解javascript中的事件循环event-loop

    前面的话 本文将详细介绍javascript中的事件循环event-loop 线程 javascript是单线程的语言,也就是说,同一个时间只能做一件事.而这个单线程的特性,与它的用途有关,作为浏览器 ...

  8. uni-app图片压缩转base64位 利用递归来实现多张图片压缩

    //选择图片 chooseImage(){ let that =this uni.chooseImage({ sizeType: ['original','compressed'], //可以指定是原 ...

  9. Java中递归和循环的优劣

    介绍: 你用你手中的钥匙打开一扇门,结果去发现前方还有一扇门,紧接着你又用钥匙打开了这扇门,然后你又看到一扇门......但是当你开到一扇门时,发现前方是一堵墙无路可走了,你选择原路返回--这就是递归 ...

随机推荐

  1. 基于TerraExplorer Pro 6.1 实现对Shape中Feature对象拾取查询

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  2. java 之UDP编程

    大白话:每一台电脑都有自己的ip地址,向指定的ip地址发数据,数据就发送到了指定的电脑.UDP通信只是一种通信方式而已,其特点就不多说.有了ip地址数据就能发送到指定的电脑了,但是呢!我把数据发送到电 ...

  3. 《MySQL必知必会》[07] 管理事务处理

    1.管理事务处理 一个或多个数据库操作(查询/更新等)组成"事务",也就是说,事务实际上是一组按顺序执行的操作单位: 原子性:整个事务为整体执行,要么执行,要么不执行,不能出现执行 ...

  4. apache、nginx的虚拟域名配置和rewrite配置，以及web缓存的几种方式

    web缓存一般用来缓解数据库压力. 通常有几种方法,文件静态化,缓存服务memcached.redis等. 伪静态,一般指在url上貌似访问静态html页的形式,这样有利于搜索引擎访问到网站页面,实际 ...

  5. Lua 中的条件表达式

    下面这代码段看上去很熟悉,就是C#里面的条件表达式,很多其它语言也都有这么一个条件表达式. ; ; string c = "c"; string d = "d" ...

  6. JAVA实现用户的权限管理

    一:写在前面 前两天有个同学问我,那个系统不同的用户登陆不同的页面不同,要写很多个页面啊!而每个用户的在系统中拥有不同的权限,可以访问不同的页面是怎么实现的??那低权限的在浏览器输入高权限的人的url ...

  7. 在 Linux 上搭建IntelliJ IDEA license server服务器

    IntelliJIDEALicenseServer_linux_amd64 ,把该文件传到服务器的某个目录,我是放在了/var/local/software目录下 sudo chmod +x ./In ...

  8. vue + element 实现登录注册（自定义表单验证规则）

    注册页包含手机验证码登录和密码的二次验证. 效果如下: 实现代码: <template> <div> <div class="register-wrapper& ...

  9. VS2010、VS2012、VS2013、VS2015、VS2017各版本产品激活秘钥

    Visual Studio 2017(VS2017) 企业版 Enterprise 注册码:NJVYC-BMHX2-G77MM-4XJMR-6Q8QF Visual Studio 2017(VS201 ...

  10. openssl版本升级操作记录

    需要部署nginx的https环境,之前是yum安装的openssl,版本比较低,如下: [root@nginx ~]# yum install -y pcre pcre-devel openssl ...