JavaScript Prompt उदाहरण

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

उदाहरण

<!DOCTYPE html> 
<html lang="en"> 
<head> 
  <meta charset="UTF-8" /> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
  <title>JavaScript Prompt</title> 
  <style> 
    body { 
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; 
    } 
    .result { 
      font-size: 18px; 
      font-weight: 500; 
      color: blueviolet; 
    } 
  </style> 
</head> 
<body> 
  <h1>JavaScript Prompt() मेथड</h1> 
  <div class="result"></div> 
  <button class="Btn">यहां क्लिक करें</button> 
  <h3>ऊपर दिए गए बटन पर क्लिक करके प्रॉम्प्ट डायलॉग बॉक्स प्राप्त करें</h3> 
  <script> 
    let resultEle = document.querySelector(".result"); 
    document.querySelector(".Btn").addEventListener("click", () => { 
      let res = prompt("क्या आप निश्चित हैं?"); 
      if (res === null) { 
        resultEle.innerHTML = "आपने कैंसिल दबाया"; 
      } else { 
        resultEle.innerHTML = "आपने प्रॉम्प्ट बॉक्स में '" + res + "' दर्ज किया"; 
      } 
    }); 
  </script> 
</body> 
</html>