页面上输入任意数字，点击按钮后计算阶乘。 - 背壳前进的牛_H5之家

HTML5技术

页面上输入任意数字，点击按钮后计算阶乘。 - 背壳前进的牛

字号+ 作者：H5之家来源：H5之家 2017-08-26 14:00 我要评论( )

!DOCTYPE html html head meta charset="UTF-8" title/title script type="text/javascript" // 使用函数完成任意数字阶乘的计算。 // 要求：页面上输入任意数字，点击按钮后计算阶乘。 function $ (id){return document.getElementById(id);} //使用$代替do

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
// 使用函数完成任意数字阶乘的计算。
// 要求：页面上输入任意数字，点击按钮后计算阶乘。
function $ (id){return document.getElementById(id);}
//使用$代替document.getElementById（）是为了减少代码的重复率。
window.onload = function ()
{
oNum = $('num');
oButt = $('butt');
oBox = $('box');

function jie(n){
//计算阶乘的函数，使用递归的方法
if(n == 1)
{
return 1;
}
return n = n * jie(n - 1);
//递归的公式为 n! = n * (n - 1)!
}

oButt.onclick = function(){
//点击输出阶乘的事件
nNum = Number(oNum.value);
oBox.innerHTML = jie(nNum);
}
}
</script>
</head>
<body>
<input type="text" />
<input type="button" value="计算阶乘" />
<div></div>
</body>
</html>