CODEWITHSUNDEEP
javascripthtmlnewlineline-breaks
Technupe
Technupe

Reputation: 4961

How do I create a 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(?);

}

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

Upvotes: 159

Views: 966726

Answers (18)

loccaall
loccaall

Reputation: 113

It's pretty easy actually. :D

To make a new line, you only need to use \n "function". For HTML related-projects, use only <br>, 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 <br> - like in HTML :D

Upvotes: 0

Shadab Ali
Shadab Ali

Reputation: 439

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);
 }

Upvotes: 1

Nagnath Mungade
Nagnath Mungade

Reputation: 1

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>');

}

Upvotes: -2

Macario Polo
Macario Polo

Reputation: 49

Try to write your code between the HTML pre tag.

Upvotes: 0

Professor
Professor

Reputation: 2154

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>");
}

Upvotes: -1

VicXj
VicXj

Reputation: 203

\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.

Upvotes: 1

user2768308
user2768308

Reputation: 

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 :)

Upvotes: 0

A Coding Panda
A Coding Panda

Reputation: 17

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("<br/>");.

Upvotes: -1

Suhani Mendapara
Suhani Mendapara

Reputation: 307

In html page:

document.write("<br>");

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

document.write("\n");

Upvotes: 4

Paradox Nafi
Paradox Nafi

Reputation: 37

\n dosen't work. Use html tags 

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

Upvotes: 1

Tito E Surek
Tito E Surek

Reputation: 31

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

Upvotes: 2

rob
rob

Reputation: 10117

how about:

document.write ("<br>");

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

Upvotes: 36

Tom Gullen
Tom Gullen

Reputation: 61775

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<br><br>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).

Upvotes: 264

kemiller2002
kemiller2002

Reputation: 115538

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 "<br/>" instead of '/n';

Escape characters in JavaScript

Upvotes: 1

alex
alex

Reputation: 490597

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

Upvotes: 8

JaredPar
JaredPar

Reputation: 755457

Use a <br> tag to create a line break in the document

document.write("<br>");

Here's a sample fiddle

Upvotes: 14

acconrad
acconrad

Reputation: 3219

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

Upvotes: 4

Jared Farrish
Jared Farrish

Reputation: 49238

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.

Upvotes: 4

Related Questions