Generate triangle pattern

Write a function that generates a triangle pattern using a specified character and prints to console.


Example ...

Create a visual representation of a triangle, incremeting the character by 1 after each row.

* character to represent shape of triangle

8 height of the triangle

*

**

***

****

*****

******

*******

******** → printed to console

Strings are a sequence of zero or more characters written inside quotes used to represent text.

Strings may consist of letters, numbers, symbols, words, or sentences.

Strings are immutable, they cannot be changed.

Each character in a string has an index.

The first character will be index 0 the second character will be index 1 and so on.

There are two ways to access an individual character in a string.

charAt() method

const str1 = "abc"; string

str1.charAt(0); character at index 0 → "a"

str1.charAt(1); character at index 1 → "b"

str1.charAt(2); character at index 2 → "c"

str1.charAt(3); character at index 3 → "" index not found

Alternatively use at() or slice() methods

bracket notation []

const str2 = "abc"; string

str2[0]; character at index 0 → "a"

str2[1]; character at index 1 → "b"

str2[2]; character at index 2 → "c"

str2[3]; character at index 3 → undefined index not found


Numbers are used to represent both integer and floating-point values.

Numbers are most commonly expressed in literal forms like 255 or 3.14159 ↴

let num1 = 5; → number

let num2 = 2.5; → number

let num3 = num1 + num2;

console.log(num3); returns ↴

7.5 → number


Generate a triangle pattern using a for loop


for loop repeatedly executes a block of code until a specified condition evaluates to false.

The loop runs a block of code a set number of times, defined by an initialization, a condition, and an increment.

for (let x = 0; x < 4; x++) {

console.log(x);

}

Loop variable x is initialized to 0

Condition x < 4 is checked before each iteration.

The loop will continue to run as long as x is less than 4

The loop repeatedly executes a block of code 4 times, from 0 to 3

For each iteration of the loop, the current value of x is printed to the console.

After each iteration, x is incremented by 1 x++

When x reaches 4 the condition evaluates to false, terminating the loop.

0

1

2

3 → printed to console


Initialize a variable to hold the character to represent the shape of the triangle.

const char = "*" char → user input

Initialize a variable to hold the number of lines to represent the height of the triangle.

const num = 8 num → user input


Define a function triangle() to generates a triangle pattern.

function triangle(char, num) {}

The function takes a string character char and a number num to generate a triangle pattern.

Assign char as the loop variable.

let line = char line to printed to console

Iterate through the loop by the number of lines specified by num

for (let line = char; line.length - 1 < num; line += char)

line += char is equivalent to line = line + char

char is appended to line for the next iteration to build each line of the triangle.

Print the current line to console.

console.log(line)


Call the function with ↴

triangle(char, num);


Generate a triangle pattern with character "*" and a height of 8 lines.

const char = "*"; → represent shape with character "*"

const num = 8; → height of triangle

function triangle(char, num) {

for (let line = char; line.length - 1 < num; line += char) {

console.log(line);

}

}

call function

triangle(char, num); returns ↴

*

**

***

****

*****

******

*******

******** → printed to console


Alternative using repeat() method ↴

const char1 = "# "; → represent shape with characters "# "

const num1 = 5; → height of triangle

for (let x = 1; x <= num1; x++) {

console.log(char1.repeat(x))

} returns ↴

#

# #

# # #

# # # #

# # # # # → printed to console


Alternative - generate an inverted triangle ↴

const char2 = "% "; → represent shape with characters "% "

const num2 = 5; → height of triangle

for (let x = num2; x > 0; x--) {

let row = "";

for (let y = 0; y < x; y++) {

row += char2;

}

console.log(row);

} returns ↴

% % % % %

% % % %

% % %

% %

% → printed to console

Generate triangle pattern

Enter character for the triangle
Enter height of the triangle