How To Add Line Breaks in JavaScript Alert Box

In this tutorial we will see How To Add Line Breaks in JavaScript Alert Box. We have used JavaScript Concatenation for this and also added a new line symbol "\n" for line break.

Table of Contents

HTML Code

HTML Code is given below.

<!DOCTYPE HTML> 
<html>
<head> 
<meta charset="utf-8">
<title>How To Add Line Breaks in JavaScript Alert Box</title> 
</head>
<body>
<p>Click to Display JavaScript Alert Box with Line Breaks</p> 
<button onclick="lineBreak()">Click</button> 
</body>
</html>

JavaScript Code

JavaScript Code is given below, In this code we have joined two variables of two different lines and between them we have used new line symbol "\n", The new line symbol will make sure that second line starts from the next line after the first one.

<script>
var line1 ="This is HowToCodeSchool.com";
var line2 ="You can Learn JavaScript Here";
var message=line1+"\n"+line2;
function lineBreak() { 
alert(message); 
}
</script>

Demo

Check Demo

Video Tutorial

Watch video tutorial on How To Add Line Breaks in JavaScript Alert Box.