js在页面上输出杨辉三角

JavaScript可以在网页上动态生成杨辉三角。杨辉三角是一个数学术题的经典案例，它是一个以自然数为行索引和列索引的数组，每一行的第一个和最后一个数字都是1，其他位置的数字则是前一行对应位置数字之和。以下是一个简单的JavaScript函数，用于生成并展示杨辉三角：

function yangHuiTriangle(n) {
    let triangle = [];
    for (let i = 0; i <= n; i++) {
        triangle[i] = [];
        triangle[i][0] = 1;
        triangle[i][i] = 1;

        for (let j = 1; j < i; j++) {
            triangle[i][j] = triangle[i - 1][j];
        }
    }

    // 输出到HTML中，这里假设有一个id为"triangle-display"的元素用于显示结果
    let displayElement = document.getElementById("triangle-display");
    displayElement.innerHTML = "";
    for (let i = 0; i <= n; i++) {
        let row = "";
        for (let j = 0; j <= i; j++) {
            row += triangle[i][j] + " ";
        }
        displayElement.innerHTML += `<p>${row}</p>`;
    }
}

// 调用函数并传入想要生成的行数，例如5行
yangHuiTriangle(5);

在这个例子中，我们首先创建了一个二维数组`triangle`来存储杨辉三角，然后通过嵌套循环计算每个位置的值。最后，将结果显示在指定的HTML元素中。