Concepts of Pop
Up boxes in JavaScript.
जब किसी भी Webpage पर visit दी जाती है, तब कई website अपने popups को set को set करते है | जैसे notifications, login, cookie या
कोई advertisements के बारे में कोई information
display करनी हो तो popups का इस्तेमाल किया जाता
है |
कुछ Websites पर prompt() popup box के
द्वारा User से input लिया जाता है |
Syntax for prompt() Popup
window.prompt("message",
"input_text");
//or
prompt("message",
"input_text");
input_text; optional होता है |
Example for prompt()
Source Code :
<!DOCTYPE html>
<html>
<body>
<script
type="text/javascript">
function EvenOdd(){
var num = prompt("Enter Number to
check Even or Odd", "0");
if(num%2==0){
document.write("Number
is Even.");
}else{
document.write("Number
is Odd.");
}
}
</script>
<button
onclick="EvenOdd()">ClickMe</button>
</body>
</html>
Output :
Alert Box: It is used when a warning message is needed to be
produced. When the alert box is displayed to the user, the user needs to press
ok and proceed.
Syntax:
alert("your Alert here")
Example:
filter_none
edit
play_arrow
brightness_4
<!DOCTYPE html> <html> <head> <title>Pop-up
Box type | Alert Box</title> <style>
h1{
color:green;
}
</style>
</head> <body> <center>
<h1>GeeksforGeeks</h1>
<h3>Alert
Box</h3> <button onclick="geekAlert()"> Click
here for alert box </button>
<!--
Alert box function --> <script>
function
geekAlert() { alert("An
Online Computer Science" +
"Portal for Geeks"); }
</script>
</center>
</body> </html> |
Output:
Before pressing the button:
कुछ Websites पर जाने से पहले User को कुछ actions से गुजरना पड़ता है | इसके लिए confirm() popup box का
इस्तेमाल किया जाता है |
Syntax for confirm() Popup
window.confirm("message");
//or
confirm("message");
Example for confirm()
confirm() popup पर Ok और Cancel ये दो buttons होते है | अगर Ok button पर click किया जाता है तो 'true' return होता
है और Cancel पर click किया जाता है तो 'false' return होता
है |
script पर
अगर confirm popup के Ok button पर click किया जाएगा तो 'Clicked Ok' ये message execute होगा | अगर Cancel button पर click किया जाएगा तो 'Clicked Cancel!' ये message execute होगा |
Source Code :
<!DOCTYPE html>
<html>
<body>
<script
type="text/javascript">
var popup = confirm("Hello");
if(popup){
document.write("Clicked
OK!");
}
else{
document.write("Clicked
Cancel!");
}
</script>
</body>
</html>
Output :
No comments:
Post a Comment
Please Do Not Enter Any Spam Link in the comment Box.