Saturday, 27 June 2020

Concepts of Pop Up boxes in JavaScript.

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.