JavaScript While Loops

If you want to perform any operation again and again , we can use loop to run over same code.

or Whenever you want to perform operation on list of elements, then you need to loop through .

There are 2 type of while loop:

While Loop: check the condition, if true, run the block else exit

while (condition) {
   //code to be executed
}

while (condition) {

//code to be executed

}

Example Code:

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <p id="div1"></p>
  <script type="text/javascript">
    let text = ""
    let count = 0;
    while (count < 5) {
      text += "<br> number is " + count;
      count++;
    }
    document.getElementById("div1").innerHTML = text;

  </script>

</body>

</html>

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

let text = ""

let count = 0;

while (count < 5) {

text += "<br> number is " + count;

count++;

}

document.getElementById("div1").innerHTML = text;

</script>

</body>

</html>

Output:

number is 0
number is 1
number is 2
number is 3
number is 4

2. Do While Loop: The do-while loop executes the loop body before checking the provided condition.

Syntax:

do {
//code to be executed
} while (condition)

do {