How do I create a new line in Javascript?

Question

var i;
for(i=10; i>=0; i= i-1){
   var s;
   for(s=0; s<i; s = s+1){
    document.write("*");
   }
   //i want this to print a new line
   /document.write(?);

}

I am printing a pyramid of stars, I can't get the new line to print.

document.write(" "); // if using a .html

jasonleonhard
– jasonleonhard

2014-12-30 16:39:15 +00:00
Commented Dec 30, 2014 at 16:39 — jasonleonhard
– jasonleonhard, Commented Dec 30, 2014 at 16:39
Related thread here.

RBT
– RBT

2017-09-29 02:00:15 +00:00
Commented Sep 29, 2017 at 2:00 — RBT
– RBT, Commented Sep 29, 2017 at 2:00

Tom Gullen · Accepted Answer · 2011-04-22 17:39:19Z

264

Use the \n for a newline character.

document.write("\n");

You can also have more than one:

document.write("\n\n\n"); // 3 new lines!  My oh my!

However, if this is rendering to HTML, you will want to use the HTML tag for a newline:

document.write("<br>");

The string Hello\n\nTest in your source will look like this:

Hello!

Test

The string Hello Test will look like this in HTML source:

Hello<br><br>Test

The HTML one will render as line breaks for the person viewing the page, the \n just drops the text to the next line in the source (if it's on an HTML page).

edited Apr 22, 2011 at 17:39

answered Apr 22, 2011 at 17:31

Tom Gullen

61.9k89 gold badges294 silver badges472 bronze badges

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

2 Comments

T.J. Crowder Over a year ago

By definition, if the OP is using document.write, it's an HTML page, not an XHTML page.   is the correct linebreak for an HTML page.   is XHTML.

BerkGarip Over a year ago

thanks for the ``` document.write(" ");``` detail. i was about to get crazy

Afzaal Ahmad Zeeshan · Accepted Answer · 2014-01-22 16:20:39Z

36

how about:

document.write ("<br>");

(assuming you are in an html page, since a line feed alone will only show as a space)

edited Jan 22, 2014 at 16:20

Afzaal Ahmad Zeeshan

15.9k14 gold badges61 silver badges106 bronze badges

answered Apr 22, 2011 at 17:32

rob

10.2k7 gold badges44 silver badges73 bronze badges

Comments

JaredPar · Accepted Answer · 2011-04-22 17:33:03Z

14

Use a   tag to create a line break in the document

document.write("<br>");

Here's a sample fiddle

http://jsfiddle.net/g6eAF/

answered Apr 22, 2011 at 17:33

JaredPar

759k152 gold badges1.3k silver badges1.5k bronze badges

5 Comments

Demian Brecht Over a year ago

+1 as this seems to be what the OP is really looking for :) (br vs \n)

Jared Farrish Over a year ago

How do you know? Good to point out BR, but a PRE could have just as easily been in there too. If they are building ASCII art, my thought is it's plaintext.

T.J. Crowder Over a year ago

@Jared: How do you call document.write in a plain text document? (E.g., how do you put in the script tag?) Good point about the pre, though, could easily be a pre section.

Jared Farrish Over a year ago

@T.J. - The display is plaintext, as in ASCII art. It's still an HTML document, although, it's just showing it as plaintext display.

T.J. Crowder Over a year ago

@Jared: Yeah, I took your point. (I thought your other bit was about a text/plain doc, but I think I was clear about the pre being a good point.)

alex · Accepted Answer · 2011-04-22 17:36:21Z

8

Alternatively, write to an element with the CSS white-space: pre and use \n for newline character.

answered Apr 22, 2011 at 17:36

alex

492k205 gold badges890 silver badges992 bronze badges

2 Comments

frederj Over a year ago

Thanks! That was close, and white-space: pre-wrap did exactly what I wanted! w3schools.com/cssref/pr_text_white-space.asp

Dan Over a year ago

This is the only thing that worked for me. My app has a div, that for some reason, was taking the \n as a whitespace and NOT as a new line.

Jared Farrish · Accepted Answer · 2011-04-22 17:31:11Z

4

Use "\n":

document.write("\n");

~~Note, it has to be surrounded in double quotes for it to be interpreted as a newline.~~ No it doesn't.

answered Apr 22, 2011 at 17:31

Jared Farrish

49.4k17 gold badges100 silver badges108 bronze badges

6 Comments

T.J. Crowder Over a year ago

Outputting a newline in an HTML page won't introduce a new line in an HTML document. (And it doesn't have to be double quotes, single quotes are fine as well.)

Jared Farrish Over a year ago

@T.J. - Unless there's a PRE involved?

T.J. Crowder Over a year ago

Ooh, except for your point commenting on another answer about a pre element. Good point. If outputting ASCII art to a pre section, \n may well be the right thing... (Edit: LOL, overlapping comments.)

Jared Farrish Over a year ago

@T.J. Crowder - Here's an example of what I meant (crudely developed): jsfiddle.net/wT3Ab

T.J. Crowder Over a year ago

@Jared: Oh, your comment about pre was perfectly clear. (Closed the tag for you: jsfiddle.net/wT3Ab/1) Best,

|

acconrad · Accepted Answer · 2011-04-22 17:31:47Z

4

document.writeln() is what you are looking for or document.write('\n' + 'words') if you are looking for more granularity in when the new line is used

answered Apr 22, 2011 at 17:31

acconrad

3,2191 gold badge24 silver badges32 bronze badges

Comments

Sid · Accepted Answer · 2016-12-22 08:52:55Z

4

In html page:

document.write("<br>");

but if you are in JavaScript file, then this will work as new line:

document.write("\n");

edited Dec 22, 2016 at 8:52

Sid

5,00314 gold badges62 silver badges116 bronze badges

answered Dec 22, 2016 at 8:29

Suhani Mendapara

3071 gold badge3 silver badges10 bronze badges

Comments

talha2k · Accepted Answer · 2015-09-24 08:52:07Z

2

For a string I just write "\n" to give me a new line. For example, typing console.log("First Name: Rex" + "\n" + "Last Name: Blythe"); Will type:

First Name: Rex

Last Name: Blythe

edited Sep 24, 2015 at 8:52

talha2k

25.5k4 gold badges67 silver badges83 bronze badges

answered Sep 25, 2014 at 0:58

Tito E Surek

312 bronze badges

Comments

kemiller2002 · Accepted Answer · 2011-04-22 17:37:19Z

1

To create a new line, symbol is '\n'

var i;
for(i=10; i>=0; i= i-1){
   var s;
   for(s=0; s<i; s = s+1){
    document.write("*");
   }
   //i want this to print a new line
   document.write('\n');

}

If you are outputting to the page, you'll want to use " " instead of '/n';

Escape characters in JavaScript

edited Apr 22, 2011 at 17:37

answered Apr 22, 2011 at 17:31

kemiller2002

116k28 gold badges201 silver badges255 bronze badges

6 Comments

Jared Farrish Over a year ago

It doesn't have to be in double quotes?

kemiller2002 Over a year ago

No double and singe quotes are the same in JavaScript. You just can't start with a double quote and end with a single one.

Jared Farrish Over a year ago

Well, I know that. Just didn't know single and doubles were treated the same in JS. Must be stuck in PHP.

kemiller2002 Over a year ago

Moving between language is always a pain :)

Jared Farrish Over a year ago

Good to know, thanks. Learn something new every day. :) Harmless error, probably.

|

Dhia · Accepted Answer · 2016-05-31 06:50:29Z

1

\n dosen't work. Use html tags

document.write("<br>");
document.write("?");

edited May 31, 2016 at 6:50

Dhia

10.7k11 gold badges62 silver badges70 bronze badges

answered May 31, 2016 at 6:11

Paradox Nafi

372 bronze badges

Comments

VicXj · Accepted Answer · 2017-09-16 07:49:24Z

1

\n --> newline character is not working for inserting a new line.

    str="Hello!!";
    document.write(str);
    document.write("\n");
    document.write(str);

But if we use below code then it works fine and it gives new line.

    document.write(str);
    document.write("<br>");
    document.write(str);

Note:: I tried in Visual Studio Code.

answered Sep 16, 2017 at 7:49

VicXj

2133 silver badges7 bronze badges

1 Comment

GhostCat Over a year ago

This assumes that the text will be displayed as HTML. Not sufe if that is really a generic answer here.

Shadab Ali · Accepted Answer · 2019-12-07 20:44:22Z

1

you can also pyramid of stars like this

for (var i = 5; i >= 1; i--) {
     var py = "";
     for (var j = i; j >= 1; j--) {
         py += j;

     }
     console.log(py);
 }

answered Dec 7, 2019 at 20:44

Shadab Ali

4495 silver badges12 bronze badges

Comments

user2768308 · Accepted Answer · 2017-03-15 09:52:35Z

0

document.write("\n");

won't work if you're executing it (document.write();) multiple times.

I'll suggest you should go for:

document.write("<br>");

P.S I know people have stated this answer above but didn't find the difference anywhere so :)

answered Mar 15, 2017 at 9:52

user2768308

Comments

Macario Polo · Accepted Answer · 2019-04-04 10:48:58Z

0

Try to write your code between the HTML pre tag.

answered Apr 4, 2019 at 10:48

Macario Polo

495 bronze badges

1 Comment

Shashin Bhayani Over a year ago

kindly add code too. it would be better to understand

loccaall · Accepted Answer · 2021-09-19 10:46:41Z

0

It's pretty easy actually. :D

To make a new line, you only need to use \n "function". For HTML related-projects, use only  , like in actual HTML script. :)

var i;
for(i=10; i>=0; i= i-1){
   var s;
   for(s=0; s<i; s = s+1){
    document.write("*");
   }
   // Here's the change
   document.write('\n');

}

THE OUTPUT

*
*
*
*
*
*
*
*
*
*
*

BUT, be careful the output above won't work in some HTML related projects. For that, you need to use   - like in HTML :D

answered Sep 19, 2021 at 10:46

loccaall

1152 silver badges11 bronze badges

Comments

A Coding Panda · Accepted Answer · 2017-01-09 21:49:00Z

-1

If you are using a JavaScript file (.js) then use document.write("\n");. If you are in a html file (.html or . htm) then use document.write(" ");.

answered Jan 9, 2017 at 21:49

A Coding Panda

174 bronze badges

Comments

Professor · Accepted Answer · 2018-04-26 20:38:06Z

-1

your solution is

var i;
for(i=10; i>=0; i= i-1){
   var s;
   for(s=0; s<i; s = s+1){
    document.write("*");
   }
   //printing new line
   document.write("<br>");
}

answered Apr 26, 2018 at 20:38

Professor

2,1701 gold badge21 silver badges29 bronze badges

Comments

Nagnath Mungade · Accepted Answer · 2019-05-17 13:21:09Z

-2

You can use below link: New line in javascript

  var i;
for(i=10; i>=0; i= i-1){
   var s;
   for(s=0; s<i; s = s+1){
    document.write("*");
   }
   //i want this to print a new line
   /document.write('<br>');

}

edited May 17, 2019 at 13:21

answered May 16, 2019 at 6:58

Nagnath Mungade

14 bronze badges

2 Comments

Quentin Over a year ago

Your link is broken, and your code example says nothing that the accepted answer from 2011 doesn't already say.

Quentin Over a year ago

Well, the link is fixed, but it points to an explanation-free demo and you still aren't saying anything now already said in 2011.

Collectives™ on Stack Overflow

How do I create a new line in Javascript?

18 Answers 18

2 Comments

Comments

5 Comments

2 Comments

6 Comments

Comments

Comments

Comments

6 Comments

Comments

1 Comment

Comments

Comments

1 Comment

Comments

Comments

Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

18 Answers 18

2 Comments

Comments

5 Comments

2 Comments

6 Comments

Comments

Comments

Comments

6 Comments

Comments

1 Comment

Comments

Comments

1 Comment

Comments

Comments

Comments

2 Comments

Linked

Related