How to add a new line in the alert box ?

0 0 1 minute read

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.

html

<h1 style="color:green;"> 
    zambiatek 
</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>

Output:

How to add a new line in the alert box ?

Example 2: This example adds \n among the 3 lines to the text of alert box.

html

<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>