首页在页面提示用户输入一个人整数，在页面输出一个相应行数倒数三角形

在页面提示用户输入一个人整数，在页面输出一个相应行数倒数三角形

时间: 2024-09-19 07:02:02 浏览: 82

在网页上提示用户输入一个整数后，要生成一个对应行数的倒数三角形，可以按照以下步骤操作： 1. 获取用户输入的整数值 `n`，通常这需要HTML表单来获取用户的输入，并通过JavaScript处理这个值。 ```html <!DOCTYPE html> <html lang="zh"> <head> <title>倒数三角形</title> </head> <body> <input type="number" id="triangleInput" placeholder="请输入行数"> <button onclick="generateTriangle()">生成三角形</button> <pre id="output"></pre> <script src="script.js"></script> </body> </html> ``` 2. 创建一个名为 `generateTriangle` 的 JavaScript 函数，用于根据用户输入计算并显示倒数三角形。 ```javascript function generateTriangle() { const input = document.getElementById('triangleInput'); const number = parseInt(input.value); if (isNaN(number) || number <= 0) { alert("请输入一个正整数！"); return; } let triangleText = ''; for (let i = 1; i <= number; i++) { // 使用字符串拼接形成每一行 let row = ''; for (let j = number - i; j >= 0; j--) { row += ' * '; } triangleText += `${row}\n`; } document.getElementById('output').innerText = triangleText.trim(); // 去除最后一行的换行符 } ``` 在这个例子中，如果用户输入非正整数，会弹出警告；然后，函数会在预设的 `<pre>` 元素中渲染生成的倒数三角形。

阅读全文