Home > DeveloperSection > Articles > Displaying a message box in java script

Displaying a message box in java script


JavaScript JavaScript 
Ratings:
1 Comment(s)
 10763  View(s)
Rate this:

Displaying a message box in java script

In this demonstration we learn that how to use Java Script to display a message box to the user. In Java Script there are two types of message box for displaying information. One is known as “alert” and another one is known as “confirm”. If you want to display an alert or warning regarding programs then we use alert () method for displaying message box and if we want to take some confirmation from user then we use confirm () method for displaying message box.

 Displaying message by using alert ()

Code:

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <script type="text/javascript">

        function showMessage() {

            alert("Wow! You have created first java script application.");

        }

    </script>

</head>

<body onload="showMessage()">

 

</body>

</html>

Here I had created a function named showMessage () which called at the load event of the body means to say at load event of the html document and display a message. Remember that for creating a function in java script I used function as a key word and onload is named of the event which is automatically called as well as html document is loaded.

Output of the following code snippet is as follows           

Message box in Java Script

Displaying message by using confirm () method

confirm (“<string message>”); method in java script is used to display confirm message box.

<head>

    <title></title>

    <script type="text/javascript">

        function showMessage() {

confirm("Wow! You have created first confirm message box.");

        }

    </script>

</head>

<body onload="showMessage()">

 

</body>

</html>

Output of the following code snippet is as follows

Message box in Java Script

Detecting which button is clicked in Confirm dialog box

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <script type="text/javascript">

        function showMessage() {

            var dd = confirm("Click any button to trace which button is clicked.");

            if (dd == true) {

                alert("You had clicked OK button on confirm dialog box.");

            }

            else {

                alert("You had clicked Cancel button on confirm dialog box")

            }

        }

    </script>

</head>

<body onload="showMessage()">

 

</body>

</html>

Output of the following code is as follows

Message box in Java Script

Message box in Java Script

Message box in Java Script


Displaying a message box in java script

By Amit Singh on   5 years ago
Good article!

Don't want to miss updates? Please click the below button!

Follow MindStick