Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
71 views

JavaScript Message Boxes

JavaScript provides 3 built-in functions to display popup message boxes: 1. alert() displays a message with an OK button only 2. confirm() displays a message with OK and Cancel buttons and returns a boolean 3. prompt() displays a message with an input field, OK and Cancel buttons and returns the input value as a string These functions provide ways to notify, confirm, or collect input from users in popup boxes.

Uploaded by

Nida Khan
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
71 views

JavaScript Message Boxes

JavaScript provides 3 built-in functions to display popup message boxes: 1. alert() displays a message with an OK button only 2. confirm() displays a message with OK and Cancel buttons and returns a boolean 3. prompt() displays a message with an input field, OK and Cancel buttons and returns the input value as a string These functions provide ways to notify, confirm, or collect input from users in popup boxes.

Uploaded by

Nida Khan
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

JavaScript Message Boxes: alert(),

confirm(), prompt()
JavaScript provides built-in global functions to display popup
message boxes for different purposes.

 alert(message): Display a popup box with the specified message


with the OK button.
 confirm(message): Display a popup box with the specified
message with OK and Cancel buttons.
 prompt(message, defaultValue): Display a popup box to take the
user's input with the OK and Cancel buttons.

 Note:
In JavaScript, global functions can be accessed using the window object
like window.alert(), window.confirm(), window.prompt().

alert()
The alert() function displays a message to the user to display some
information to users. This alert box will have the OK button to close
the alert box.

Syntax:
window.alert([message]);

The alert() function takes a paramter of any type e.g., string,


number, boolean etc. So, no need to convert a non-string type to a
string type.

Example: alert()
alert("This is an alert message box."); // display string message

alert('This is a numer: ' + 100); // display result of a concatenation

alert(100); // display number

alert(Date()); // display current date


Try it
confirm()
Use the confirm() function to take the user's confirmation before
starting some task. For example, you want to take the user's
confirmation before saving, updating or deleting data.

Syntax:
bool window.confirm([message]);

The confirm() function displays a popup message to the user with


two buttons, OK and Cancel. The confirm() function returns true if a
user has clicked on the OK button or returns false if clicked on
the Cancel button. You can use the return value to process further.

The following takes user's confirmation before saving data:

Example: confirm()
var userPreference;

if (confirm("Do you want to save changes?") == true) {


userPreference = "Data saved successfully!";
} else {
userPreference = "Save Cancelled!";
}
Try it

prompt()
Use the prompt() function to take the user's input to do further
actions. For example, use the prompt() function in the scenario where
you want to calculate EMI based on the user's preferred loan tenure.

Syntax:
string prompt([message], [defaultValue]);

The prompt() function takes two parameters. The first parameter is


the message to be displayed, and the second parameter is the
default value in an input box.

Example: Take User's Input using prompt()


var name = prompt("Enter your name:", "John");
if (name == null || name == "") {
document.getElementById("msg").innerHTML = "You did not entert
anything. Please enter your name again";
}
else
{
document.getElementById("msg").innerHTML = "You enterted: " +
name;
}

You might also like