【实现方法】

　　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. 13-(基础入门篇)系统教程演示(GPRS模块)

    https://www.cnblogs.com/yangfengwu/p/9966702.html 前几节作为基础教程和系统教程的开端,有了前面的基础才更好的学习基础教程和系统教程. https:// ...

  2. CF1097D Makoto and a Blackboard 积性函数、概率期望、DP

    传送门 比赛秒写完ABC结果不会D--最后C还fst了qwq 首先可以想到一个约数个数\(^2\)乘上\(K\)的暴力DP,但是显然会被卡 在\(10^{15}\)范围内因数最多的数是\(978217 ...

  3. JVM调优——之CMS 常见参数解析

    最近在学习使用CMS这个GC,这里记录下常用的参数. 1. UseCMSCompactAtFullCollection 与 CMSFullGCsBeforeCompaction 有一点需要注意的是:C ...

  4. 通过C# WinForm控件创建的WPF WIndow窗口控件无法输入的问题

    原文:通过WinForm控件创建的WPF 控件无法输入的问题 今天把写的一个WPF程序发布到别的机器上执行,发现一个比较奇怪的问题:在那个机器上用英文输入法无法输入数字,非要切换到中文输入法才行:但在 ...

  5. C# 双击ListView出现编辑框可编辑，回车确认

    原文:C# 双击ListView出现编辑框可编辑,回车确认 //获取鼠标点击的项------API [DllImport("user32")] public static exte ...

  6. BootStrap学习(6)_模态框

    一.模态框 模态框(Modal)是覆盖在父窗体上的子窗体.通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动.子窗体可提供信息.交互等. 如果只使用该功能,只引入BootSt ...

  7. C#获取当前堆栈的各调用方法列表

    在使用.NET编写的代码在debug时很容易进行排查和定位问题,一旦项目上线并出现问题的话那么只能依靠系统日志来进行问题排查和定位,但当项目复杂时,即各种方法间相互调用将导致要获取具体的出错方法或调用 ...

  8. JDK8 stream toMap() java.lang.IllegalStateException: Duplicate key异常解决(key重复)

    测试又报bug啦 接到测试小伙伴的问题,说是一个接口不返回数据了,好吧,虽然不是我写的接口任务落到头上也得解决,本地调试了一下,好家伙,直接抛了个异常出来,这又是哪位大哥喝醉了写的代码... Exce ...

  9. QQ聊天记录备份助手 v1.0——搜索、备份、恢复QQ聊天记录文件，重装系统必备

    项目地址 https://github.com/guoyaohua/QQBackUp 开发环境 Netbean JAVA 功能描述 自动搜索硬盘中的QQ聊天记录文件 可选择的备份QQ数据记录 还原QQ ...

  10. Linux mount 命令

    mount 命令用来挂载文件系统.其基本命令格式为:mount -t type [-o options] device dirdevice:指定要挂载的设备,比如磁盘.光驱等.dir:指定把文件系统挂 ...