在html文件中使用JavaScript 利用while/do-while/for循环以及递归算法实现10的阶乘
时间: 2024-10-12 09:14:31 浏览: 24
在HTML文件中使用JavaScript计算10的阶乘可以结合JavaScript的循环结构(如while、do-while和for)来实现。这里我们先演示如何使用for循环:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Factorial with JavaScript</title>
<script>
function factorial(n) {
// 使用for循环实现阶乘
let result = 1;
for (let i = 1; i <= n; i++) {
result *= i;
}
return result;
}
// 计算并显示10的阶乘
const num = 10;
const fact = factorial(num);
document.getElementById("result").innerText = "10的阶乘是:" + fact;
// 或者使用递归实现
// function recursiveFactorial(n) {
// if (n === 0 || n === 1) {
// return 1;
// } else {
// return n * recursiveFactorial(n - 1);
// }
// }
// const recursiveFact = recursiveFactorial(num); // 如果要展示递归结果,这行也可以加入
</script>
</head>
<body>
<p id="result"></p>
</body>
</html>
```
在这个例子中,`factorial`函数使用for循环计算阶乘,然后将结果显示在页面上。如果你想展示递归版本,只需替换掉for循环部分,添加递归函数即可。
阅读全文