利用Javascript制作竖等腰三角形
时间: 2024-10-09 13:04:36 浏览: 10
在JavaScript中,可以使用数组的`join()`、`repeat()`和模板字符串来动态生成竖直的等腰三角形。下面是一个简单的例子:
```javascript
function printTriangle(n) {
let str = '';
for (let i = 0; i < n; i++) {
// 生成当前行的字符,星号的数量从1到n递增
let stars = '*'.repeat(i + 1);
// 每行前面添加空格,使得总宽度等于三角形的高度
let spaces = ' '.repeat(n - i - 1);
// 将当前行的星号和空格连接起来,并添加到字符串中
str += `${spaces}${stars}\n`;
}
console.log(str); // 打印结果
}
// 调用函数,传入你想得到的三角形高度
printTriangle(5);
```
当你运行上述代码并传入数字5时,它会打印出一个5行的等腰三角形。
相关问题
javascript输出倒等腰三角形空心
可以使用以下代码输出倒等腰三角形空心:
```
var n = 5; // 三角形的高度
for (var i = n; i >= 1; i--) {
var str = '';
for (var j = 1; j <= n - i; j++) {
str += ' ';
}
for (var k = 1; k <= 2 * i - 1; k++) {
if (k == 1 || k == 2 * i - 1 || i == 1) {
str += 'o';
} else {
str += ' ';
}
}
console.log(str);
}
```
这段代码中,我们使用了三个循环来控制输出的空格和o的数量,其中第一个循环控制行数,第二个循环控制空格数量,第三个循环控制o的数量。在第三个循环中,我们使用了if语句来判断是否需要输出o或空格,从而实现了空心的效果。
js制作等腰三角形
你可以使用HTML5的canvas标签和JavaScript来绘制等腰三角形,代码如下所示:
```html
<canvas id="myCanvas" width="200" height="200"></canvas>
```
```javascript
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.moveTo(100, 0);
ctx.lineTo(0, 200);
ctx.lineTo(200, 200);
ctx.closePath();
ctx.stroke();
```
在这个示例中,我们首先使用JavaScript获取canvas元素和2D上下文对象。接着,我们使用`beginPath()`方法开始路径绘制,然后使用`moveTo()`方法将画笔移动到三角形的顶点。然后,使用`lineTo()`方法绘制三角形的两条边。最后,使用`closePath()`方法关闭路径,使用`stroke()`方法绘制三角形的边框。