How to add a new line in the alert box ?
To add a new line to the content of alert box we are going to use \n backslash(n).
Example-1: This example adds \n between the 2 lines to the text of alert box.
<!DOCTYPE HTML> < html > < head > < title > JavaScript | New line in alert box. </ title > </ head > < body style = "text-align:center;" id = "body" > < h1 style = "color:green;" > GeeksForGeeks </ h1 > < p > Click on the button to pop alert box with added new line. </ p > < button onclick = "gfg_Run()" > click here </ button > < script > var text = "This is line 1\nThis is line 2"; function gfg_Run() { alert(text); } </ script > </ body > </ html > |
Output:
- Before clicking on the button:
- After clicking on the button:
Example-2: This example adds \n among the 3 lines to the text of alert box.
<!DOCTYPE HTML> < html > < head > < title > JavaScript | New line in alert box. </ title > </ head > < body style = "text-align:center;" id = "body" > < h1 style = "color:green;" > GeeksForGeeks </ h1 > < p > Click on the button to pop alert box with added new line. </ p > < button onclick = "gfg_Run()" > click here </ button > < script > var text = "This is first line\nThis is "+ "middle line\nThis is last line"; function gfg_Run() { alert(text); } </ script > </ body > </ html > |
Output:
- Before clicking on the button:
- After clicking on the button: