How to Create a New Line in JavaScript ?
In JavaScript, a new line is typically represented by a specific escape sequence or character within a string. This is commonly used in various programming languages to control the formatting of text and create multiline strings. A new line can be made in JavaScript using the below-discussed methods.
Table of Content
- Using Escape Sequence `\n`
- Using ECMAScript6 (ES6) template literals
- Using JavaScript console.log() Method
- Using JavaScript document.write() Method
- Using JavaScript document.writeln() Method
Using Escape Sequence `\n`
The \n escape sequence represents a newline character in JavaScript strings and it can used to render a new line in JavaScript.
Example: The below code uses the escape sequence `\n` to add a new line in JavaScript.
Javascript
console.log( "GFG\nw3wiki is a computer science portal for Beginner." ); |
GFG w3wiki is a computer science portal for Beginner.
Using ECMAScript6 (ES6) template literals
In ECMAScript6, the backticks (â) are used to create a template literal. Template literals can span multiple lines without the need for escape characters, making it easier to write and read multiline strings in JavaScript.
Example: The below code uses the ES6 template literals to add a new line in JavaScript.
Javascript
console.log(`Q: What is w3wiki? A: w3wiki is a computer science portal for Beginner.`); |
Q: What is w3wiki? A: w3wiki is a computer science portal for Beginner.
Using JavaScript console.log() Method
The console.log() method is a part of the JavaScript Console API, which provides methods for interacting with the browserâs console. It also returns a new line when the method is called and utilized so this approach can be used in place of an escape character.
Example: The below code uses the console.log() method to add a new line in JavaScript.
Javascript
console.log( 'GFG' ); console.log(); console.log( 'w3wiki' ); |
GFG w3wiki
Using JavaScript document.write() Method
The document.write() method is a part of the JavaScript Document Object Model (DOM) API. It is used to dynamically write content to a document, specifically the HTML document. This method is especially useful if a new line has to be added or rendered on an HTML page using the <br> tag.
Example: The below code uses the document.write() method to add a new line in an HTML document using JavaScript.
Javascript
document.write ( "A computer science portal" ); document.write ( "<br>" ); document.write ( "for Beginner." ); |
HTML
<!DOCTYPE html> < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < title >HTML Document</ title > </ head > < body > < h1 style = "color:green;" >w3wiki</ h1 > < script src = "./script.js" ></ script > </ body > </ html > |
Output:
Using JavaScript document.writeln() Method
This method is especially useful if a new line has to be added to an HTML page. The only difference between this method and document.write() is that the document.writeln() automatically adds a new line after the rendered content instead of adding the <br> tag as done in the previous approach.
Example: The below code uses the document.writeln() method to add a new line in an HTML document using JavaScript.
HTML
<!DOCTYPE html> < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < title >HTML Document</ title > </ head > < body > < h1 style = "color:green;" > w3wiki </ h1 > <!-- JavaScript --> < script > document.writeln ("A computer science"); document.writeln ("portal for Beginner."); </ script > </ body > </ html > |
Output:
Contact Us