制作html,用javascript写出:输入n的值,求1+2+3+...+n的和
时间: 2023-11-16 09:04:13 浏览: 75
好的,以下是可以实现你所需功能的HTML和JavaScript代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>求和计算器</title>
</head>
<body>
<label for="num">输入n的值:</label>
<input type="text" id="num" name="num"><br><br>
<button onclick="sum()">求和</button><br><br>
<p id="result"></p>
<script>
function sum() {
let n = document.getElementById("num").value;
let sum = 0;
for (let i = 1; i <= n; i++) {
sum += i;
}
document.getElementById("result").innerHTML = `1+2+3+...+${n}=${sum}`;
}
</script>
</body>
</html>
```
这是一个简单的HTML页面,它包含一个文本输入框和一个按钮。当用户输入一个数字并点击按钮时,JavaScript代码将计算1到该数字的总和,并将结果显示在页面上。
相关问题
JS 案例 计算:1+2+3+...+n的和
可以使用循环来计算1到n的和。以下是一个使用JavaScript编写的代码示例:
```javascript
function calculateSum(n) {
let sum = 0;
for (let i = 1; i <= n; i++) {
sum += i;
}
return sum;
}
console.log(calculateSum(10)); // 输出55
```
JavaScript怎么用函数实现求1!+2!+3!+...+n
可以使用递归或者循环来实现。下面是两种方法:
方法1:使用递归
可以使用递归来实现,每次递归调用自身来计算前n-1个数的阶乘之和,然后再加上第n个数的阶乘。具体实现如下:
```
function sumFactorial(n) {
if (n === 1) {
return 1;
}
return factorial(n) + sumFactorial(n - 1);
}
function factorial(n) {
if (n === 1) {
return 1;
}
return n * factorial(n - 1);
}
```
方法2:使用循环
可以使用循环来实现,从1到n依次计算每个数的阶乘,然后累加求和。具体实现如下:
```
function sumFactorial(n) {
var sum = 0;
var factorial = 1;
for (var i = 1; i <= n; i++) {
factorial *= i;
sum += factorial;
}
return sum;
}
```