使用JavaScript自定义一个函数,打印由<br/>标签构成的一个等腰倒三角图形,并在自定义按钮的单击事件中调用。(考虑无形参打印 10 行和带形参可打印指定任意行数两种情况)
时间: 2024-10-12 18:14:58 浏览: 54
selectFile.js:一个让您自定义浏览按钮JavaScript函数
在JavaScript中,你可以创建一个函数来打印等腰倒三角形,可以设置默认行为为打印10行,也可以通过传入参数自定义行数。下面是一个简单的例子:
```javascript
function printTriangle(n = 10) {
// 创建一个按钮用于触发函数
const button = document.createElement('button');
button.textContent = '打印三角形';
button.addEventListener('click', () => {
for (let i = 0; i < n; i++) {
let line = '';
// 判断是否是倒三角的第一行或最后一行
if (i === 0 || i === n - 1) {
line += '<br>'.repeat(i + 1);
} else {
// 中间部分的每一行比上一行多一个'<br>'
line += '<br>'.repeat(i);
}
console.log(line); // 控制台输出
}
});
// 将按钮添加到文档中显示
document.body.appendChild(button);
}
// 默认情况,立即打印10行倒三角
printTriangle();
// 若要打印指定行数,比如15行,可以在调用函数时传入参数
// printTriangle(15);
```
这个函数首先创建了一个按钮,当点击时会触发`printTriangle`函数。函数内部使用for循环根据给定的行数生成HTML `<br>` 标签组成的字符串,然后将其打印到控制台上。如果需要更改行数,只需调用该函数并传递新的行数即可。
阅读全文