打印金字塔的层数 弹出输入框，获取输入的层数， 使用isNaN判断用户输入的数据是否合法 使用for循环遍历金字塔, 用*号代表输出htmljs

在JavaScript中，你可以通过以下步骤创建一个动态打印金字塔的函数，用户可以输入层数：

1. 首先，编写一个函数接收用户输入的层数作为参数：

function printPyramid(n) {
  // 其他代码将在这里
}

2. 接着，添加input框和事件处理函数以获取用户输入并检查合法性：

<input type="number" id="pyramidLevel" oninput="updatePyramid()" placeholder="请输入层数">
<button onclick="printPyramid()">打印</button>
<div id="output"></div>

<script>
function updatePyramid() {
  const input = document.getElementById('pyramidLevel');
  if (!isNaN(input.value) && Number.isInteger(Number(input.value)) && input.value > 0) {
    printPyramid(parseInt(input.value));
  } else {
    alert("请输入一个正整数");
  }
}

// ...其他函数未完成部分
</script>

3. 实现`printPyramid`函数，使用嵌套的for循环构建金字塔：

function printPyramid(n) {
  let output = document.getElementById('output');

  for (let i = 0; i < n; i++) {
    let row = '';
    for (let j = 0; j <= n - i - 1; j++) { // 用j控制空格
      row += ' ';
    }
    for (let k = 0; k < 2 * i + 1; k++) { // 用k控制星号*
      row += '*';
    }
    output.innerHTML += row + '\n'; // 使用\n换行
  }
}

在这个例子中，当用户输入一个有效的层数后，`printPyramid`会打印对应层数的金字塔。