讲解都在注释里面
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>金字塔的显示</title> </head> <body> <input type="text" id="rows" placeholder="请输入金字塔的行数" /> <input type="button" value="查看" onclick="see()" /><br /> <span id="show"></span> <script> function see() { var rows = Number(document.getElementById("rows").value); if(isNaN(rows)) { alert("请输入数字"); //如果输入的不是数字，则提示输入数字 return; } else if(rows <= 0) { alert("请输入大于0的行数"); //如果输入的行数小于等于0，则提示输入大于0的行数 return; } var str = ""; for(var i = 0; i < rows; i++) { for(var j = rows - i; j > 0; j--) { str+=" "; // 累加空格 } for(var j = i * 2 + 1; j > 0; j--) { str+="*"; // 累加*号 } str+="<br>"; // 累加换行操作 } document.getElementById("show").innerHTML = str;// 将str写入到id为show的节点中，格式为HTML } </script> </body> </html>