1.自定义一个函数,打印由<hr/>标签构成的一个等腰倒三角图形,并在自定义接钮的单击事件中调用。(考虑无形参打印10行和带形参可打印指定任意行数两种情况)
时间: 2024-10-13 17:18:43 浏览: 32
在JavaScript中,你可以创建一个函数来生成等腰倒三角形,然后绑定一个点击事件到一个按钮上。这里是一个简单的示例,展示如何实现这个功能:
```javascript
// 函数用于打印等腰倒三角形
function printTriangle(n = 10) {
// 定义函数主体,循环打印<hr/>标签
for (let i = 0; i < n; i++) {
let line = '';
for (let j = 0; j <= i; j++) { // 行的数量等于当前层数
line += '<hr>'; // 每次添加一个<hr>标签
}
console.log(line); // 打印到控制台
}
}
// 创建一个按钮元素并为其设置点击事件
const button = document.createElement('button');
button.innerText = '打印倒三角';
button.addEventListener('click', function() {
printTriangle(); // 默认打印10行
});
// 如果需要,你可以在单击事件处理程序中传入特定行数作为参数
button.onclick = function(event) {
const triangleRows = prompt('请输入想要打印的行数:'); // 弹出提示用户输入
if (triangleRows && parseInt(triangleRows)) {
printTriangle(parseInt(triangleRows));
} else {
alert('无效的行数!');
}
};
// 将按钮添加到页面中
document.body.appendChild(button);
```
在这个例子中,`printTriangle`函数接受一个可选的参数`n`,默认值为10。如果在按钮的点击事件中直接调用,会打印10行。如果在单击事件处理程序中提供了一个数值,就会根据用户的输入打印相应行数的三角形。
阅读全文