js编写函数,写出杨辉三角,并打印在网页上
时间: 2024-04-09 12:29:58 浏览: 69
用js编写的杨辉三角
5星 · 资源好评率100%
当然可以!以下是一个使用 JavaScript 编写的函数来生成杨辉三角,并将结果打印在网页上的例子:
```html
<!DOCTYPE html>
<html>
<head>
<title>杨辉三角</title>
</head>
<body>
<div id="triangle"></div>
<script>
function generatePascalTriangle(numRows) {
// 创建一个二维数组来存储杨辉三角的值
const triangle = [];
// 循环生成每一行的值
for (let i = 0; i < numRows; i++) {
// 创建一个数组来存储当前行的值
const row = [];
// 循环计算当前行的值
for (let j = 0; j <= i; j++) {
// 如果是第一列或最后一列,值为1
if (j === 0 || j === i) {
row.push(1);
} else {
// 否则,值为上一行当前列和前一列的值之和
const prevRow = triangle[i - 1];
const value = prevRow[j - 1] + prevRow[j];
row.push(value);
}
}
// 将当前行添加到杨辉三角数组中
triangle.push(row);
}
return triangle;
}
// 调用函数来生成杨辉三角的前6行
const numRows = 6;
const pascalTriangle = generatePascalTriangle(numRows);
// 获取用于显示杨辉三角的 div 元素
const triangleDiv = document.getElementById('triangle');
// 生成 HTML 字符串来显示杨辉三角
let html = '';
for (const row of pascalTriangle) {
html += row.join(' ') + '<br>';
}
// 将生成的 HTML 字符串插入到 div 元素中
triangleDiv.innerHTML = html;
</script>
</body>
</html>
```
这段代码将生成杨辉三角的前6行,并将结果以 HTML 字符串的形式插入到一个带有 `id="triangle"` 的 div 元素中。你可以在浏览器中打开这个 HTML 文件,就能在网页上看到生成的杨辉三角。
希望这个例子对你有帮助!如果还有任何问题,请随时提问。
阅读全文