Javascript - Add a line break into a variable

Question

I am starting on Javascript and I really have no idea how to put a linebreak into a variable:

I would like to build the following triangle without using print, just putting the result into a string :

Any idea ? Thanks

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


var creerTriangle= function (taille) {
    var triangle = "";
    for (var i = 1; i <= taille; i++) {
       var ligne = "";
        for (var j=1; j <= (taille-i); j++) {
        ligne+=(" ");
          }
        for (var k=1; k<=i; k++) {
           ligne += "#";
          }       
         triangle += ligne              // how to put a linebreak here ?;
    };
 return triangle;
};

"\n" is the new line character, where are you placing this text on your web page, because depending on the element type, it may not work with newline — Ryan Wilson
– Ryan Wilson, Commented Feb 12, 2018 at 19:47
that's right. Forgot I had to print the function print(creerTriangle(n)) instead of just creerTriangle(n), for it to print the triangle. Many thanks ! — MaisonK
– MaisonK, Commented Feb 12, 2018 at 20:04

user4490801 · Accepted Answer · 2018-02-12 19:47:32Z

1

I think you just need "\n". See where I've written <---

/*      #
       ##
      ###
     ####
    #####
   ######
   */


var creerTriangle= function (taille) {
  var triangle = "";

  for (var i = 1; i <= taille; i++) {
    var ligne = "";
    for (var j=1; j <= (taille-i); j++) {
        ligne+=(" ");
    }
        for (var k=1; k<=i; k++) {
           ligne += "#";
        }         
         triangle += ligne +"\n"  //<--- 
    };
 return triangle;
};

console.dir(creerTriangle(6));

answered Feb 12, 2018 at 19:47

user4490801

Sign up to request clarification or add additional context in comments.

1 Comment

MaisonK Over a year ago

that's right. Forgot I had to print the function print(creerTriangle(n)) instead of just creerTriangle(n), for it to print the triangle. Many thanks !

ryanpcmcquen · Accepted Answer · 2018-02-13 01:16:47Z

0

For fun, here is another way to write this with ESNEXT:

const creerTriangle = tally =>
    Array(tally)
        .fill()
        .map(() => '#'.repeat(tally))
        .map((i, index) =>
            i.replace(new RegExp(`#{${index}}`), ' '.repeat(index))
        )
        .reverse()
        .join('\n')

console.log(creerTriangle(6))

https://repl.it/@ryanpcmcquen/javascriptCreateTriangle

edited Feb 13, 2018 at 1:16

answered Feb 12, 2018 at 20:56

ryanpcmcquen

6,5054 gold badges26 silver badges38 bronze badges

Collectives™ on Stack Overflow

Javascript - Add a line break into a variable

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related