使用JavaScript自定义一个函数，打印由<hr/>标签构成的一个等腰倒三角图形，并在自定义按钮的单击事件中调用。(考虑无形参打印 10 行和带形参可打印指定任意行数两种情况)

在JavaScript中，你可以通过创建一个自定义函数来实现这个需求。我们可以创建一个名为`printTriangle`的函数，接受一个可选的参数`rows`来指定行数，如果不传参数则默认打印10行。这里是一个简单的示例：

function printTriangle(rows = 10, hrTag = '<hr/>') {
    let html = '';

    for (let i = 1; i <= rows; i++) {
        // 生成当前行的HTML字符串，包含适当的<hr>标签
        let line = '';
        for (let j = 1; j <= i; j++) {
            line += hrTag;
        }
        html += `<div>${line}</div>`;
    }

    // 打印到页面上，例如直接返回结果或插入到某个DOM元素
    console.log(html); // 这里只是模拟输出，实际应用中可以将html插入到文档中

    // 添加一个点击事件处理函数，如果需要的话
    function handleClick() {
        printTriangle(rows);
    }
    
    // 自定义按钮的单击事件
    const button = document.createElement('button');
    button.textContent = '打印三角形';
    button.addEventListener('click', handleClick);

    // 将按钮添加到文档中展示
    document.body.appendChild(button);
}

// 调用函数开始打印默认的10行等腰倒三角形
printTriangle();

在这个例子中，我们首先构建了HTML字符串，然后通过按钮的单击事件，每次点击都会再次调用`printTriangle`函数。如果你希望用户可以在单击时输入行数，你可以在函数内部加上对`event`对象的检查并更新`rows`值。