JavaScript Popup Boxes In Hindi:-

JavaScript Popup Boxes :- दोस्तों आज के Tutorial में हम JavaScript के Popup Boxes के बारे में पढ़ेंगे | JavaScript में मुख्य रूप से 3 प्रकार के Popup Boxes होते है |

  • Alert Box
  • Confirm Box
  • Prompt Box

 

Alert Box :- दोस्तों इसका उपयोग मुख्य रूप से तब किया जाता है जब user द्बारा किये गए काम से पहले हम sure हो जाना चाहते है की user ये काम अपने मर्ज़ी से कर रहा है या नहीं | alert Box के साथ हमेशा एक OK Button भी Display होता है जब यूजर इस OK Button पर Click करता है तो हम sure हो जाते है की किसी काम को करने के लिए Redy है |

नीच आप Alert Box का एक Example देख सकते है |

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Alert Box Example</h2>
<button onclick="myFunction()">Try it</button>

<script>
function myFunction() {
    alert("I am an alert box!");
}
</script>

</body>
</html>

 


Confirm Box :- confirm Box भी alert की तरह ही होता है पर इस में दो Button होता है Ok और Cancel मतलब की इसमें User के पास दो Option होता है अगर वो चाहे तो किसी काम को करना चाहता है तो Ok press कर सकता है और Cancel press करके किसी काम को रोक सकता है |

Example 2 :-

<!DOCTYPE html>
<html>
<body>
<h2>Example Of JavaScript Confirm Box</h2>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>

<script>
function myFunction() {
    var txt;
    if (confirm("Press a button!") == true) {
        txt = "You pressed OK!";
    } else {
        txt = "You pressed Cancel!";
    }
    document.getElementById("demo").innerHTML = txt;
}
</script>

</body>
</html>

 


Prompt Box :- Prompt Box की मदद से हम JavaScript में user द्बारा कुछ Input ले सकते है | बाद में मै आप को इस Prompt Box की मदद से एक Calculator बनाकर दिखाऊंगा लेकिन अभी आप इसका इस साधारण Example देखें |


<!DOCTYPE html>
<html>
<body>
<h2>Example Of JavaScript Prompt</h2>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>

<script>
function myFunction() {
    var person = prompt("Please enter your name:");
    document.getElementById("demo").innerHTML = person;
}
</script>

</body>
</html>

 


Array In Hindi :-