Skip to main content

JAVA-SCRIPT LOOP

FOR LOOP  CONCEPT:

For loop Syntax:

Syntax:

The syntax of for loop is JavaScript is as follows −
for (initialization; test condition; iteration statement){
   Statement(s) to be executed if test condition is true
}



for loop example:

<html>
   <body>
     
      <script type="text/javascript">
    
            var count;
            document.write("Starting Loop" + "<br />");
        
            for(count = 0; count < 10; count++){
               document.write("Current Count : " + count );
               document.write("<br />");
            }
        
            document.write("Loop stopped!");
   
      </script>
     
      <p>Set the variable to different value and then try...</p>
   </body>
</html>

While LOOP concept:



while  loop syntax:

The syntax of while loop in JavaScript is as follows −

while (expression){
   Statement(s) to be executed if expression is true
}


while loop example:

<html>
  <body>
   <script type="text/javascript">
        
            var count = 0;
            document.write("Starting Loop ");
        
            while (count < 10){
               document.write("Current Count : " + count + "<br />");
               count++;
            }
         document.write("Loop stopped!");
         </script>
      </body>
</html>


Do While  Loop  Concept:



Do while syntax:

Syntax

The syntax for do-while loop in JavaScript is as follows −
do{
   Statement(s) to be executed;
} while (expression);

Note − Don’t miss the semicolon used at the end of the do...while loop.

do while  example:

<html>
   <body>
   <script type="text/javascript">
        
            var count = 0;
           
            document.write("Starting Loop" + "<br />");
            do{
               document.write("Current Count : " + count + "<br />");
               count++;
            }
           
            while (count < 5);
            document.write ("Loop stopped!");
        </script>
     </body>
</html>

Comments

Popular posts from this blog

layout code example:-

<!DOCTYPE html> <html lang="en"> <head>   <title>Bootstrap Example</title>   <meta charset="utf-8">   <meta name="viewport" content="width=device-width, initial-scale=1">   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>   <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script> </head> <body>  <section>       <div class="container">         <header>           <h3  class="text-center">Services</h3>           <p class="text-center">Laudem latine pe

Jquery Sliding

jQuery Sliding Methods:-  With jQuery you can create a sliding effect on elements. jQuery has the following slide methods: slideDown() slideUp() slideToggle() (1)slideDown()  example:- <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(document).ready(function(){   $("#flip").click(function(){     $("#panel").slideDown("slow");   }); }); </script> <style> #panel, #flip {   padding: 5px;   text-align: center;   background-color: #e5eecc;   border: solid 1px #c3c3c3; } #panel {   padding: 50px;   display: none; } </style> </head> <body> <div id="flip">Click to slide down panel</div> <div id="panel">Hello world!</div> </body> </html> (2)sldeUP()  example:- <html> <head> <script src="https://ajax.

Juqery fade

jQuery Fading Methods :-  With jQuery you can fade an element in and out of visibility. jQuery has the following fade methods: fadeIn() fadeOut() fadeToggle() fadeTo() jQuery fadeIn() Method The jQuery fadeIn() method is used to fade in a hidden element. Syntax:- $(selector).fadeIn(speed,callback); <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(document).ready(function(){   $("button").click(function(){     $("#div1").fadeIn();     $("#div2").fadeIn("slow");     $("#div3").fadeIn(3000);   }); }); </script> </head> <body> <p>Demonstrate fadeIn() with different parameters.</p> <button>Click to fade in boxes</button><br><br> <div id="div1" style="width:80px;height:80px;display:none;background-color:red;"></div><