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

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

时间: 2024-10-11 12:05:48 浏览: 42

在JavaScript中，你可以通过结合HTML元素交互、条件判断以及字符串拼接来实现这个功能。下面是一个简单的示例： ```html <!DOCTYPE html> <html lang="en"> <head> <title>输入整数显示图形</title> <style> .triangle { display: none; } </style> </head> <body> <label for="input">请输入一个整数:</label> <input type="number" id="input" oninput="drawTriangle(this.value)"> <div class="triangle" id="rightTriangle"></div> <div class="triangle" id="invertedTriangle"></div> <script> function drawTriangle(value) { const triangle = document.getElementById('rightTriangle'); const invertedTriangle = document.getElementById('invertedTriangle'); if (value > 5) { triangle.style.display = 'block'; let str = ''; for (let i = value; i >= 1; i--) { str += ' '.repeat(i) + '*\n'; } triangle.textContent = str.trim(); } else if (value <= 5) { invertedTriangle.style.display = 'block'; let str = ''; for (let i = value; i >= 1; i--) { if (i % 2 == 0) { str += ' '.repeat((value - i) / 2) + '*\n'; } else { str += ' '.repeat(value - i) + '*\n'; } } invertedTriangle.textContent = str.trim(); } } </script> </body> </html> ``` 在这个示例中，用户输入整数后会触发`drawTriangle`函数，根据输入值的不同显示不同类型的三角形。如果值大于5，显示右向的倒三角；如果值小于等于5，显示左向的倒三角。

阅读全文