How to Create a New Line in JavaScript

How do I create a new line in Javascript?

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

What is the JavaScript string newline character?

I've just tested a few browsers using this silly bit of JavaScript:

function log_newline(msg, test_value) {  if (!test_value) {     test_value = document.getElementById('test').value;  }  console.log(msg + ': ' + (test_value.match(/\r/) ? 'CR' : '')              + ' ' + (test_value.match(/\n/) ? 'LF' : ''));}
log_newline('HTML source');log_newline('JS string', "foo\nbar");log_newline('JS template literal', `barbaz`);

<textarea id="test" name="test">
</textarea>

How to break line in JavaScript?

Add %0D%0A to any place you want to encode a line break on the URL.

%0D is a carriage return character
%0A is a line break character

This is the new line sequence on windows machines, though not the same on linux and macs, should work in both.

If you want a linebreak in actual javascript, use the \n escape sequence.

onClick="parent.location='mailto:er.saurav123@gmail.com?subject=Thanks for writing to me &body=I will get back to you soon.%0D%0AThanks and Regards%0D%0ASaurav Kumar'

How to create a newline in Text Node

The main issue here is a Text Node can't contain any other elements and you're trying to add a br element into it. What you need is:

function newElement() {
    var li = document.createElement("li");
    var inputText = document.getElementById("myInput").value;
    li.appendChild(document.createTextNode(inputText));
    li.appendChild(document.createElement("br"));
    li.appendChild(document.createTextNode("ddd"));

    ...

Keep in mind that adding \n character to the Text Node won't help either because html "converts" all white-space to single space symbol - that is unless you use white-space: pre; CSS applied to your element (which is another option to solve your issue).

how to print new line in javascript

Use <br /> to print text on new line. When you are putting the content in DOM. \n will just add a space instead of newline.

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

Example:

var i, j;var m = 1;
for (i = 1; i <= 10; i++) {  for (j = 1; j <= 10; j++) {    document.write(i * j);  }  document.write("<br />");}

how to create new line in html element by using javascript

Because you are trying to get element before loading HTML, so the log variable is null in your code.

Please try this code.

<p id="log>hello</p>

window.onload = function init() {
  const log = document.getElementById("log");
  log.innerText = "\n first \n second";
};

New line in JavaScript in the front of the string?

You are using document.write that will render the text inside it as an HTML thus, the \n is not detected as a new line character but simply as a escape character. That is why you will get the output without n as n is escaped by backslash \. So, in your case you need to use the HTML line break <br/>.

var myString;    
myString = 42;    
document.write("myString is currently: " + myString);    
myString = myString + 1;    
document.write("<br/> myString is currently: " + myString);

How to create line breaks in console.log() in Node.js

I have no idea why this works in Node.js, but the following seems to do the trick:

console.log('', a, '\n', b, '\n', c)

Compliments of theBlueFish.