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:

My Personal Notes

Recommended Posts: