Javascript Question posted in
A very good W3school tutorial can be found here.

Trying to print a simple triangle with javaScript in chrome But similar items are grouped as one

I am new to Javascript and I’m currently learning how to print messages in consoles with the help of for and while loops.

I am just trying to print patterns starting with a simple triangle for which I wrote the following program.

for (let i = 1; i <= 5; i =i+1)
     {
       for(let j=0;j<=i; j=j+1)
         {
           console.log("#");
         }
     }

This the output I currently need.

   # 

   ## 

   ### 

   #### 

   ##### ```


But when the script runs the browser groups similar items as 1

The console shows output like this :

    `21 #`

Tried unchecking the group similar items in the settings and also turned on the timestamps but not able get the pattern. Please guide me on this. Thanks

[enter image description here](https://i.stack.imgur.com/vIimw.png)
[enter image description here](https://i.stack.imgur.com/uoBOp.png)
[enter image description here](https://i.stack.imgur.com/Bh6YT.png)
Tags:

2

Answers


  1. 0

    The issue you’re encountering is due to the way the console.log function works in JavaScript. Each call to console.log outputs a new line in the console, which is why you’re seeing each # on a separate line. To create the pattern you’re aiming for, you need to build a string for each row of your triangle and then print that string. Here’s how you can modify your code to achieve this:

    for (let i = 1; i <= 5; i++) {
    let row = '';
    for (let j = 0; j < i; j++) {
        row += '#';
    }
    console.log(row);
}

    In this revised version of your code, the inner loop (for (let j = 0; j < i; j++)) constructs a string row by concatenating # characters. The number of # characters added to row is determined by the current value of i from the outer loop. After the inner loop completes for each iteration of i, the row string (which now contains i number of # characters) is printed to the console.

    This will produce the output:

    #
##
###
####
#####

    Each line corresponds to one iteration of the outer loop, with the inner loop determining how many # characters are in each line. This approach ensures that the entire pattern is printed correctly in the console.

    Login or Signup to reply.
  2. 0

    console.log() will print a new entry onto the console every time you call it. For what you are trying to do, you should try this:

    for (let i = 1; i <= 5; i =i+1)   
{
  console.log("#".repeat(i));
}
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search