Please navigate to the bottom of the page for Table of Contents

Saturday, June 4, 2011

Differentiate between alert(), prompt() and confirm() methods

Although jQuery is the new craze, traditional javascript knowledge is still required and forms a core part of a web developer interview. One of the common questions is about making sure the interviewee understands the different mechanisms of communicating with the user. The javascript window object uses dialog boxes to interact with the user. The dialog boxes are created with three methods:
• alert()
• prompt()
• confirm()

alert() dialog

The alert() dialog box is used to communicate a message to the user (generally warnings of missed actions). For example, if the email address entered is wrong, you can use the alert() message to warn the user about it. Developers also use alerts() as a quick and dirty way to debug their applications.

// warning
alert("Invalid email address. Please enter again.");
// debugging

The alert() method creates a new pop-up window (dialog box) which contains the user message and an
OK button. This is a modal window and all execution is stopped until the user clicks the OK button in the pop-up box.


prompt() dialog

The prompt() method asks the user for some small input such as a password, completion of a form input, or personal information, such as nickname or title. The prompt dialog box pops up with a simple text box. After the user enters text into the prompt dialog box, its value is returned (or null in case the user hit cancel).

prompt("Please enter your nickname", "nickname");

The prompt method takes in 2 arguments – the prompt message and a default value. The default value is optional and if provided is filled in the text box and is selected by default.


confirm() dialog

The confirm dialog box is used to confirm a user’s answer to a question. This method takes only one argument, the question you will ask the user. A question mark will appear in the box with an OK button and a Cancel button. If the user clicks the OK button, true is returned; if he or she clicks the Cancel button, false is returned. This is also a modal dialog  - the user must agree before the action is completed. You often see this in shopping cart applications just before placing the order or on file sharing sites just before you delete a file.  

if (confirm("Are you sure you want to delete your profile photo?") == true) {
alert("Deleting photo...");
else {
alert("Glad you decided against deleting the photo!");


To summarize, the different mechanisms that javascript provides you to interact with the user are alert, prompt and confirm. Hopefully with the explanation, code and screenshots, this is clear to you.


  1. this is easy to understand and useful!

    thank you very much!

  2. thank you sir ,its really helpful for my vivas examination ! if possible then plz make some more notes like this. thanku.....

  3. How I can change the OK and Cancel by a Yes or a NO

  4. How I can change the OK and Cancel by a Yes or a NO

    var confirmar = confirm("Se encuentran validados los datos ?);

    if (confirmar == true){

    alert('Verifique datos');

  5. thnxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

  6. Thanks Nikhil Sir. please keep it Up""""""""""""""""""""""""""""""""""""""""""""""""}

  7. Yes,You are absolutely right.Traditional javascript knowledge is still required and forms a core part of a web developer.The input we get through prompt will be in string.

    JavaScript Training
    AngularJS Training in chennai
    BackboneJS Training in chennai

  8. Thanks for your informative article on UFT automation testing tool. Your post helped me to understand the features and functionality of QTP automation testing tool. QTP Course in Chennai | QTP training

  9. Helpful and easy to understand explanation.

  10. Thanks for Sharing the valuable information and thanks for sharing the wonderful article..We are glad to see such a wonderful article..
    QTP Training in Chennai | QTP Training Institute in Chennai | QTP Training

  11. Hi, the information you provided here is very informative and useful for me. If anyone interested to learn AngularJS Training reach GangBoard. MSBI Training | Hadoop Training

  12. There are numerous schools which now delicate deceive classes to figure out whether you will maturate it fit for


  13. Thanks for sharing your info. I really appreciate your efforts and I will be waiting for your further write.
    Thanks for sharing !
    tanki online 2 | 2048 game online

  14. Thank you for this valuable information. I have got some important suggestions from it. Get your business to the next level in simple steps.
    ERP Software Solutions in Chennai

  15. Nice blog. Thank you for sharing. The information you shared is very effective for learners I have got some important suggestions from it. erp providers in chennai.

  16. HI,
    Thanks foe sharing the very informative article.

  17. The website is looking bit flashy and it catches the visitors eyes. A design is pretty simple .
    office 2010 professional plus key deutsch

  18. Good post and I like it very much. By the way, anybody try this app development company for iOS and Android? I find it is so professional to help me boost app ranking and increase app downloads.

  19. Your website content nice nice and interesting to observe.
    Internet Marketing Dienstleistungen