जावास्क्रिप्ट का उपयोग करके प्रॉम्प्ट डायलॉग बॉक्स कैसे दिखाएं?

प्रॉम्प्ट डायलॉग बॉक्स बहुत उपयोगी होता है जब आप उपयोगकर्ता इनपुट प्राप्त करने के लिए एक टेक्स्ट बॉक्स पॉप-अप करना चाहते हैं। इस प्रकार, यह आपको उपयोगकर्ता के साथ इंटरैक्ट करने में सक्षम बनाता है। उपयोगकर्ता को फ़ील्ड भरने और फिर OK पर क्लिक करने की आवश्यकता होती है।

यह डायलॉग बॉक्स prompt() नामक एक मेथड का उपयोग करके प्रदर्शित किया जाता है जो दो पैरामीटर लेता है: (i) एक लेबल जिसे आप टेक्स्ट बॉक्स में प्रदर्शित करना चाहते हैं और (ii) टेक्स्ट बॉक्स में प्रदर्शित करने के लिए एक डिफ़ॉल्ट स्ट्रिंग।

इस डायलॉग बॉक्स में दो बटन होते हैं: OK और Cancel। यदि उपयोगकर्ता OK बटन पर क्लिक करता है, तो विंडो मेथड prompt() टेक्स्ट बॉक्स से दर्ज मान लौटाएगा। यदि उपयोगकर्ता Cancel बटन पर क्लिक करता है, तो विंडो मेथड prompt() null लौटाता है।

उदाहरण

जावास्क्रिप्ट का उपयोग करके प्रॉम्प्ट डायलॉग बॉक्स को लागू करना सीखने के लिए निम्न कोड चलाने का प्रयास करें:

लाइव डेमो

<html>    <head>       <script>          <!--             function getValue(){                var retVal = prompt("अपना नाम दर्ज करें: ", "आपका नाम यहां");                document.write("आपने दर्ज किया: " + retVal);             }          //-->       </script>    </head>    <body>       <p>परिणाम देखने के लिए निम्न बटन पर क्लिक करें: </p>       <form>          <input type="button" value="मुझे क्लिक करें" onclick="getValue();" />       </form>    </body> </html>