JavaScript Popup Boxes

JavaScript provides three types of popup boxes: Alert box, Confirm box, and Prompt box.

Alert Box

An alert box is used to ensure that information is delivered to the user. The user must click "OK" to proceed.

Syntax

window.alert("sometext");

‍

The window.alert() method can be called without the window prefix.

Example

window.alert("sometext");

Confirm Box

A confirm box is used to ask the user to verify or accept something. The user must click either "OK" or "Cancel" to proceed.

• If the user clicks "OK", the box returns true.
• If the user clicks "Cancel", the box returns false.

Syntax

window.alert("sometext");

The window.confirm() method can be called without the window prefix.

Example

if (confirm("Press a button!")) {  txt = "You pressed OK!";} else {  txt = "You pressed Cancel!";}

‍

Prompt Box

A prompt box is used to ask the user to input a value before entering a page. The user must click either "OK" or "Cancel" to proceed after entering an input value.

• If the user clicks "OK", the box returns the input value.
• If the user clicks "Cancel", the box returns null.

Syntax

window.alert("sometext");

The window.prompt() method can be called without the window prefix.

Example

let person = prompt("Please enter your name", "Harry Potter");let text;if (person == null || person == "") {  text = "User cancelled the prompt.";} else {  text = "Hello " + person + "! How are you today?";}

‍

Line Breaks

To display line breaks inside a popup box, use a backslash followed by the character n.

Example

window.alert("sometext");