-loop that we covered in the previous module. The while loop tests a condition before each iteration. If the condition is true, the code inside the loop runs; if it’s false, the loop stops.

The syntax of a while loop is as follows:

 This is any expression that evaluates to a boolean (true or false). The loop checks this condition before each iteration.

 If the condition returns true, JavaScript executes the statements inside the loop body. Once the condition becomes false, the loop stops, and the program moves on to the next statement after the loop.

☝️ The simple syntax of the while-loop means that if you want to use it for, e.g., incrementing a counter, you will have to define the counter before the loop starts, and you will have to manually increment the counter inside the loop.

One common use of a while loop is printing a sequence of numbers. For example, to print numbers from 1 through 5, you can create a counter variable and increment it on each loop iteration:

Loops are also useful for performing calculations repeatedly. For example, to calculate the sum of the numbers 1 through 5, you keep a running total:

index.js

index.test.js

Print Numbers Using a While Loop

Calculate the Sum of Numbers 1 to 5 Using a While Loop

## The While Loop

The **while loop** has slightly simpler syntax than the **for**-loop that we covered in the previous module. The while loop tests a condition before each iteration. If the condition is true, the code inside the loop runs; if it’s false, the loop stops.

### Basic Syntax

The syntax of a while loop is as follows:

```javascript
while (condition) {
  // Code to execute repeatedly as long as the condition is true
}
```

- **condition:** This is any expression that evaluates to a boolean (true or false). The loop checks this condition before each iteration.
- **Code Block:** If the condition returns true, JavaScript executes the statements inside the loop body. Once the condition becomes false, the loop stops, and the program moves on to the next statement after the loop.

☝️ The simple syntax of the while-loop means that if you want to use it for, e.g., incrementing a counter, you will have to define the counter before the loop starts, and you will have to manually increment the counter inside the loop.

---

## Examples

### Printing Numbers 1 to 5

One common use of a while loop is printing a sequence of numbers. For example, to print numbers from 1 through 5, you can create a counter variable and increment it on each loop iteration:

```javascript
let i = 1; // Initialize the counter to 1

while (i <= 5) {  // Continue looping as long as i is less than or equal to 5
  console.log(i); // Print the current value of i
  i++;            // Increment i by 1
}
```

**Explanation:**

- We start by setting **i** to 1.
- The while loop checks if **i** is less than or equal to 5.
- Inside the loop, the current value of **i **is printed.
- The counter** i **is then increased by 1.
- The process repeats until** i** becomes 6; at that point, the condition** i <= 5 **evaluates to false, and the loop ends.

### Calculating a Sum

Loops are also useful for performing calculations repeatedly. For example, to calculate the sum of the numbers 1 through 5, you keep a running total:

```javascript
let total = 0; // Start with a total of 0
let i = 1;     // Start counter at 1

while (i <= 5) {
  total += i; // Add the current value of i to total
  i++;        // Increment i by 1
}

console.log(total);  // After the loop, total is 15
```

---

## Exercises

@exercise c74a539d88c3

@exercise a55dfc4b3703


- Luo muuttuja **i** ja alusta se arvoon **1**.
- Käytä **while**-silmukkaa tulostamaan numerot **1**, **2**, **3**, **4** ja **5** konsoliin.
- Varmista, että päivität **i** silmukan sisällä.

Tulosta numerot käyttämällä while-silmukkaa

- Luo muuttuja **total**, jonka alkuarvo on **0** ja laskuri **i**, jonka arvo on **1**.
- Käytä **while**-silmukkaa lisätäksesi numerot **1** ja **5** muuttujaan **total**.
- Tulosta lopullinen arvo muuttujalle **total** käyttäen console.log-toimintoa.

Laske numeroiden 1 - 5 summa käyttäen while-silmukkaa

While Loops - Repeating an action until a condition is true

Learn programming with JavaScript, arguably the most important and versatile programming language in today's world, at least for web development.

Welcome to Hakatemia’s beginner-friendly JavaScript course, where you will learn the fundamentals of programming with JavaScript. In today’s world, JavaScript is one of the most popular and versatile programming languages—especially in web development, where it holds a unique position: no other programming language can run both in the browser and on the server. For this reason, JavaScript has become extremely popular and is used for developing user interfaces (React, Vue, Angular, Svelte, etc.), back-end systems (NodeJS/Express, HAPI, etc.), and full-stack solutions (NextJS, NuxtJS, etc.).

These JavaScript frameworks will be covered in later Hakatemia courses, but before we get there, we must first master the basics of JavaScript programming. This course is designed precisely for that purpose.

Throughout the course, you’ll learn core programming concepts such as variables, operators, conditional statements, functions, arrays, and objects. Each module is divided into small, manageable segments with plenty of practical exercises.

This course is being released as a beta—the first part of Hakatemia’s comprehensive web development curriculum—and it is the first course that uses Hakatemia’s new programming exercise environment. Please provide feedback using the button at the bottom of the page or on Discord if you encounter any issues!

While Loops - Repeating an action until a condition is true

The While Loop

Basic Syntax

Learn to hack — start here