你的位置:首页 > 网页设计

[网页设计]页面上输入任意数字,点击按钮后计算阶乘。

<!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 id="num" type="text" />
<input id="butt" type="button" value="计算阶乘" />
<div id="box"></div>
</body>
</html>

 

效果图 ↓