How to display dialog for user to input in JavaScript?

The prompt() is used for displays a dialog for user to input some text.

If the user clicks "OK", the input value is returned. If the user clicks "cancel", null is returned. If the user clicks OK without entering any text, an empty string is returned.

Dialog boxes are modal windows; they prevent the user from accessing the rest of the program's interface until the dialog box is closed. For this reason, you should not overuse any function that creates a dialog box

var Name = prompt("Please enter your name");
if (Name !== null)
{
if (Name !== "")
{
//If the user clicks OK with text
}
else
{
//If the user clicks OK without entering any text
}
}

Final code and demo is here

<!DOCTYPE html><html><head><title>Tryit Editor - tools.bitcompiler.com</title><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script><style>     </style><script>$(document).ready(function () {     var Name = prompt("Please enter your name");     if (Name !== null)     {         if (Name !== "")          {             $("p").text("Your name is "+Name);         }         else         {             $("p").text("You did not enter name");         }     } }); </script></head><body><h4>
How to display dialog for user to input in JavaScript?</h4>
</body></html>

Demo

How to display dialog for user to input in JavaScript?

No comments:

Post a Comment

Popular Posts

Tags

Contact Form