A while loop just looks at a short comparison and repeats until the comparison is no longer True.

1. The while loop

The while loops don't necessarily use a variable to count. Instead, they execute as long as a condition is True. In fact, if the condition starts out as false, the statements won’t execute at all.

The while statement includes the condition in parentheses, and it is followed by a block of statements within braces. Here is its syntax:
while (condition) {
  code to be executed
}
Here's the earlier example, from the "for" instruction, this version use the "while" loop.
<script type="text/javascript"><!--
var i = 0;
while (i<5) {
  document.write("<br /> i = "+i);
  i++;
}
--></script>
- First it's declared a variable "i" with the value of 0. The "while" statement checks the condition (here i<5), which it's True and permits the execution of block code inside the brackets. The "i++" increments the value of "i" and check again the condition. The loop will stop when the "i" reach 5.
- This script displays the following results:
i = 0
i = 1
i = 2
i = 3
i = 4

2. do ... while loops

The do...while loop is a variant of the "while" loop. First will be executed the block of code, and then it will repeat the loop as long as the specified condition is true.

The syntax is:
do {
  code to be executed
}
while (condition)
Here is a simple example:
<script type="text/javascript"><!--
var x = 8;
do {
  document.write("<br /> x = "+x);
  x++;
}
while (x<5)
--></script>
- This example display "x = 8".
As you can notice, although the condition is false (x<5), the code of braces is still executed once.

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which tag defines the clickable areas inside the image map?
<map> <img> <area>
<img src="image.jpg" usemap="#map1">
<map name="map1">
  <area shape="rect" coords="9, 120, 56, 149" href="#">
  <area shape="rect" coords="100, 200, 156, 249" href="#">
</map>
Which CSS property defines what is done if the content in a box is too big for its defined space?
display overflow position
#id {
  overflow: auto;
}
Click on the event which is triggered when the mouse is positioned over an object.
onclick onmouseover onmouseout
document.getElementById("id").onmouseover = function(){
  document.write("Have Good Life");
}
Indicate the PHP variable that contains data added in URL address after the "?" character.
$_SESSION $_GET $_POST
if(isset($_GET["id"])) {
  echo $_GET["id"];
}
While loops

Last accessed pages

  1. Zuma Games (17987)
  2. Flash Games - Free online Games (16913)
  3. Table Tennis (413)
  4. Sport Games (7119)
  5. Drag Racer V3 (14586)

Popular pages this month

  1. Qwop (6860)
  2. Drag Racer V3 (4691)
  3. Bubbles3 (1916)
  4. List with All the Games (1605)
  5. Butterfly Kyodai (1507)