HTML利用3种循环来计算1+2+3+…+100的值。
时间: 2023-08-12 12:04:35 浏览: 521
可以使用 JavaScript 在 HTML 中利用三种不同的循环来计算 1+2+3+...+100 的值。以下是代码示例:
使用 `for` 循环:
```html
<!DOCTYPE html>
<html>
<head>
<title>循环求和</title>
</head>
<body>
<h1>使用 for 循环求和</h1>
<p>1+2+3+...+100 = <span id="sum1"></span></p>
<script>
let sum1 = 0;
for (let i = 1; i <= 100; i++) {
sum1 += i;
}
document.getElementById("sum1").innerHTML = sum1;
</script>
</body>
</html>
```
使用 `while` 循环:
```html
<!DOCTYPE html>
<html>
<head>
<title>循环求和</title>
</head>
<body>
<h1>使用 while 循环求和</h1>
<p>1+2+3+...+100 = <span id="sum2"></span></p>
<script>
let sum2 = 0;
let i = 1;
while (i <= 100) {
sum2 += i;
i++;
}
document.getElementById("sum2").innerHTML = sum2;
</script>
</body>
</html>
```
使用 `do-while` 循环:
```html
<!DOCTYPE html>
<html>
<head>
<title>循环求和</title>
</head>
<body>
<h1>使用 do-while 循环求和</h1>
<p>1+2+3+...+100 = <span id="sum3"></span></p>
<script>
let sum3 = 0;
let i = 1;
do {
sum3 += i;
i++;
} while (i <= 100);
document.getElementById("sum3").innerHTML = sum3;
</script>
</body>
</html>
```
在这个示例中,我们使用三种不同的循环来计算 1+2+3+...+100 的值。首先定义一个变量 `sum`,并将其初始化为 0。然后,使用 `for`、`while` 和 `do-while` 循环来遍历 1 到 100 的数列,每次将当前数值加到 `sum` 中。最后,将计算结果赋值给 HTML 元素的 `innerHTML` 属性,以显示在页面上。