首页在页面提示用户输入一个整数，当用户输入的值大于5时，在页面输出一个倒三角形，例如输入6，在页面输出如图3所示的倒三角形，当输入值小于或等于5时，在页面上输出倒正三角形

在页面提示用户输入一个整数，当用户输入的值大于5时，在页面输出一个倒三角形，例如输入6，在页面输出如图3所示的倒三角形，当输入值小于或等于5时，在页面上输出倒正三角形

时间: 2024-09-26 07:12:48 浏览: 45

在网页开发中，你可以通过JavaScript来实现这样的功能。首先，你需要创建一个HTML表单让用户体验输入整数，然后利用JavaScript处理用户的输入并生成相应的图形。以下是一个简单的步骤： 1. **HTML部分**: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>倒三角形</title> </head> <body> <h2>请输入一个整数:</h2> <input type="number" id="numInput" oninput="drawTriangle(this.value)"> <div id="triangleArea"></div> </body> </html> ``` 2. **JavaScript部分**: ```javascript function drawTriangle(n) { let triangle = ''; for (let i = 0; i < n; i++) { triangle += '*'.repeat(i + 1) + '\n'; } // 判断用户输入值 if (n > 5) { document.getElementById('triangleArea').innerText = triangle.trim(); } else { // 输出倒正三角形 for (let i = n; i >= 1; i--) { triangle += '*'.repeat(i) + '\n'; } document.getElementById('triangleArea').innerText = triangle.trim().split('\n').reverse().join(''); } } ``` 这个示例会在用户输入值后立即更新`<div>`区域的内容。如果输入大于5，将显示倒三角；否则，显示倒正三角。

阅读全文