用webvue 编写一个杨辉三角形
时间: 2024-05-10 10:19:57 浏览: 153
好的,请稍等,我会为您编写一个webvue杨辉三角形应用程序。
以下是代码实现:
在HTML文件中:
```HTML
<div>
<form>
<label>请输入行数:</label>
<input type="number" id="rowInput" />
<button type="button" onclick="generateTriangle()">生成</button>
</form>
<div id="triangle"></div>
</div>
```
在JavaScript文件中:
```JavaScript
function generateTriangle() {
const row = document.getElementById("rowInput").value;
const triangle = document.getElementById("triangle");
let prevRow = [1];
for (let i = 0; i < row; i++) {
let currentRow = [];
let currentRowStr = "";
for (let j = 0; j <= i; j++) {
if (j === 0 || j === i) {
currentRow.push(1);
currentRowStr += "1 ";
} else {
let sum = prevRow[j - 1] + prevRow[j];
currentRow.push(sum);
currentRowStr += sum + " ";
}
}
prevRow = currentRow;
triangle.innerHTML += currentRowStr + "<br />";
}
}
```
这是一个简单的杨辉三角形应用程序,用户可以在输入框中输入行数,然后点击“生成”按钮来显示杨辉三角形。程序会通过JavaScript计算生成每一行的数字,并用HTML显示出来。
阅读全文