<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
#myid {
text-align: center;
color: #ff0000;
}
</style>
<script>
function myFunction() {
var n = document.getElementById("num").value;
if ( n < 1||parseInt(n) !=n ) {
alert('请输入一个大于0的整数');
return;
}
function f(n)
{
if(n>1)
{
return n*f(n-1);
}
else
{
return 1;
}
}
var result=f(n);
document.getElementById("result").value= n +'! = ' + result;
}
</script>
</head>
<body>
<form name="myform" action="" method="post">
<p id="myid">计算一个正整数的阶乘</p>
<p>请输入一个数</p>
<input type="text" id="num">
<input type="button" value="计算" id="btn" onclick="myFunction()">
<p>结果为</p>
<div>
<input type="text" id="result">
</div>
</body>
演示画面