JavaScript Popup Boxes

JavaScript has three kind of popup boxes:

—  Alert box

—  Confirm box

—  Prompt box.

Alert Box:

—  An alert box is often used if you want to make sure information comes through to the user.

—  When an alert box pops up, the user will have to click "OK" to proceed.

Syntax:-

                                window.alert("sometext");

Example:-

<html>
<body>
<p id="demo"></p>
<script>
alert("*****WARNING******");
</script>
</body>
</html>

Confirm Box:

—  A confirm box is often used if you want the user to verify or accept something.

—  When a confirm box pops up, the user will have to 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.confirm("sometext");

 Example:-

<html>
<body>
<p id="demo"></p>
<script>
confirm("Are You Sure To Delete This Item?? ");
</script>
</body>
</html>

Prompt Box:

—  A prompt box is often used if you want the user to input a value before entering a page.

—  When a prompt box pops up, the user will have to 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.prompt("sometext","defaultText");

Example:-

<html>
<body>
<script>
var x=parseInt(prompt("Enter First Number:"));
var y=parseInt(prompt("Enter Second Number:"));
var z= x+y;
document.write("Your Result: "+ z);
</script>
</body>
</html>