javascript定义一个有参函数,将需要打印图形的层数和底层三角形星星个数作为参数传入; 实现一个功能,鼠标单击按钮之后,在页面中输出一个正三角形,三角形底层星星个数和层数均通过参数传入决定

在JavaScript中，可以创建一个有参函数，接受层数和底层星星个数作为参数，然后利用HTML和CSS来动态生成正三角形。这里是一个基本的实现方法：

function drawTriangle(n, starsPerRow) {
  let triangle = '';

  for (let i = 0; i < n; i++) {  
    // 一行的星星个数从底层开始递减
    let starStr = Array(starsPerRow - i).join('*');
    
    // 上半部分的空格
    let spaceStr = Array(i + 1).join(' ');

    // 构建当前行字符串
    const row = spaceStr + starStr;
    triangle += row + '\n';
  }

  // 创建一个div来显示三角形，并设置其内容
  const triangleDiv = document.createElement('div');
  triangleDiv.textContent = triangle;
  document.body.appendChild(triangleDiv);
}

// 当按钮被点击时，调用drawTriangle函数
document.getElementById('myButton').addEventListener('click', function() {
  const layerInput = prompt('请输入三角形层数:');
  const starInput = parseInt(prompt('请输入底层星星个数:'));
  drawTriangle(layerInput, starInput);
});

上面的代码定义了一个`drawTriangle`函数，接受两个参数，即层数`n`和底层星星个数`starsPerRow`。函数内部通过循环构建每层的星字符和空格组合，并添加换行符形成字符串。当用户点击指定的按钮时，弹窗提示输入这两个值，然后调用`drawTriangle`。

注意：上述代码假定你有一个ID为'myButton'的按钮。实际应用中，你需要根据你的HTML结构调整`getElementById`。