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:
