How to show a confirmation box in JavaScript?

In JavaScript 'confirm()' function is used for this purpose. This method displays a dialog box with a specified message, along with an OK and a Cancel button.

The confirm() method returns true if the user clicked "OK", and false otherwise.

The parameter type of this function is 'String'. This method does not accept HTML string as parameter. For 'line-breaks' please use '\n'.

var UserAction = confirm("Are you sure you want to delete?");
if (UserAction == true)
{
//User pressed on OK button
}
else
{
//User pressed on CANCEL button
}

Final code and demo is here

<html><body> <h2>How to show a confirmation box in JavaScript?</h2><button onclick="ConfirmationMessage()">Delete</button> <p id="Output"></p><script>function ConfirmationMessage()  {     var Output;     var UserAction = confirm("Are you sure you want to delete?");     if (UserAction  == true)      {         Output = "User pressed on OK button";     }      else     {         Output= "User pressed on CANCEL button";     }     document.getElementById("Output").innerHTML = Output; } </script> </body></html>

Demo

How to show a confirmation box in JavaScript?

No comments:

Post a Comment

Try It Editor for HTML, CSS & JS

Blog Archive

Tags

Popular Posts

Contact Form