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:
No comments:
Post a Comment