How to add a new line in the alert box ? – GeeksforGeeks

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. 

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 line 1\nThis is line 2";

    function gfg_Run() {

        alert(text);

    }

</script>

Output:

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>

Output:

My Personal Notes

arrow_drop_up