JavaScript while Loop

The while loop executes a block of code as long as a specified condition is true. If the condition is not met at the very beginning, the code will not execute even once. When using this loop, we must be careful that the condition eventually becomes false, otherwise we create an infinite loop.

EXAMPLE

<!DOCTYPE html>
<html lang="en">
<body>
    <p id="while-output"></p>

    <script>
        let i = 1;
        let result = "<strong>Counting to 5 with a while loop:</strong><br>";

        // The loop runs as long as i will be less than or equal to 5
        while (i <= 5) {
            result += "Current value of i is: " + i + "<br>";
            i++; // Important: increment i so the loop eventually stops
        }

        document.getElementById("while-output").innerHTML = result;
    </script>
</body>
</html>

RESULT