silmukka") on tavallaan simppelimpi syntaksi kuin edellisessä moduulissa käsitellyllä 

-silmukka testaa ehtoa ennen jokaista iteraatiota. Jos ehto on tosi, silmukan sisällä oleva koodi suoritetaan; jos se on epätosi, silmukka pysähtyy. Mutta toisin kuin for-loopissa, while-loopissa ei ole itsessään alustus- ja inkrementtivaiheita, ne pitää hoitaa "itse".

 Tämä on mikä tahansa lauseke, joka evaluoituu boolean-arvoksi (tosi tai epätosi). Silmukka tarkistaa tämän ehdron ennen jokaista iteraatiota.

 Jos ehto palauttaa arvon tosi, JavaScript suorittaa koodin silmukan rungon sisällä. Kun ehto muuttuu epätodeksi, silmukka pysähtyy ja ohjelma jatkaa suoritusta silmukan jälkeiseltä riviltä.

☝️ While-silmukan yksinkertainen syntaksi tarkoittaa sitä, että jos haluat käyttää sitä vaikka numeroiden luettelemiseen, sinun on itse määriteltävä laskuri ennen silmukan alkua, ja sinun on itse lisättävä laskurin arvoa manuaalisesti silmukan sisällä.

Tulostaaksesi numerot 1:stä 5 saakka, voit luoda laskurimuuttujan ja kasvattaa sitä jokaisella silmukan iteraatiolla:

Silmukan sisällä tulostetaan nykyinen arvo 

 evaluoidaan epätodeksi, ja silmukka päättyy, numeroa 6 ei koskaan tulosteta.

Laskettaessa numeroiden 1, 2, 3, 4 ja 5 summaa, voit pitää yllä kokonaissummaa (total):

index.js

index.test.js

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

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

## While-silmukka

While-silmukalla ("*niin kauan kun *silmukka") on tavallaan simppelimpi syntaksi kuin edellisessä moduulissa käsitellyllä **for**-silmukalla. **While**-silmukka testaa ehtoa ennen jokaista iteraatiota. Jos ehto on tosi, silmukan sisällä oleva koodi suoritetaan; jos se on epätosi, silmukka pysähtyy. Mutta toisin kuin for-loopissa, while-loopissa ei ole itsessään alustus- ja inkrementtivaiheita, ne pitää hoitaa "itse".

### Perussyntaksi

While-silmukan syntaksi on seuraava:

```javascript
while (ehto) {
  // Koodi, jota suoritetaan toistuvasti niin kauan kuin ehto on tosi
}
```

- **ehto:** Tämä on mikä tahansa lauseke, joka evaluoituu boolean-arvoksi (tosi tai epätosi). Silmukka tarkistaa tämän ehdron ennen jokaista iteraatiota.
- **Koodilohko:** Jos ehto palauttaa arvon tosi, JavaScript suorittaa koodin silmukan rungon sisällä. Kun ehto muuttuu epätodeksi, silmukka pysähtyy ja ohjelma jatkaa suoritusta silmukan jälkeiseltä riviltä.

☝️ While-silmukan yksinkertainen syntaksi tarkoittaa sitä, että jos haluat käyttää sitä vaikka numeroiden luettelemiseen, sinun on itse määriteltävä laskuri ennen silmukan alkua, ja sinun on itse lisättävä laskurin arvoa manuaalisesti silmukan sisällä.

---

## Esimerkkejä

### Tulostetaan numerot 1-5

Tulostaaksesi numerot 1:stä 5 saakka, voit luoda laskurimuuttujan ja kasvattaa sitä jokaisella silmukan iteraatiolla:

```javascript
let i = 1; // Alusta laskuri arvoon 1

while (i <= 5) {  // Jatka silmukkaa niin kauan kuin i on pienempi tai yhtä suuri kuin 5
  console.log(i); // Tulosta i:n nykyinen arvo
  i++;            // Kasvata i:tä yhdellä
}
```

**Selitys:**

- Aloitamme määrittämällä muuttujan **i **ja antamalla sille arvon 1.
- While-silmukka tarkistaa, onko **i** pienempi tai yhtä suuri kuin 5.
- Silmukan sisällä tulostetaan nykyinen arvo **i**.
- Laskuria **i** kasvatetaan sitten yhdellä.
- Prosessi toistuu kunnes **i** muuttuu arvoksi 6; tuolloin ehto **i <= 5** evaluoidaan epätodeksi, ja silmukka päättyy, numeroa 6 ei koskaan tulosteta.

### Lasketaan summa

Laskettaessa numeroiden 1, 2, 3, 4 ja 5 summaa, voit pitää yllä kokonaissummaa (total):

```javascript
let total = 0; // Aloita nollasta
let i = 1;     // Aseta laskuri arvoon 1

while (i <= 5) {
  total += i; // Lisää i:n nykyinen arvo kokonaissummaan
  i++;        // Kasvata i:tä yhdellä
}

console.log(total);  // Silmukan jälkeen kokonaissumma on 15
```

---

## Harjoitukset

@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ä.

- 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.

While-silmukka - Toista toimintoa niin kauan kun ehto on totta

Opi ohjelmointia JavaScriptilla, joka voi hyvinkin olla nykymaailmassa tärkein ja monipuolisin ohjelmointikieli, ainakin web-kehityksessä.

Tervetuloa Hakatemian aloittelijaystävälliselle JavaScript-kurssille, jossa opit ohjelmoinnin perusteet JavaScriptilla.

Nykymaailmassa JavaScript on yksi suosituimmista ja monipuolisimmista ohjelmointikielistä, erityisesti web-kehityksessä jossa JavaScriptilla on ainutlaatuinen asema - mitään muuta ohjelmointikieltä ei voi suorittaa sekä selaimen että palvelimen päässä. Tästä syystä JavaScript on noussut äärimmäisen suosituksi, ja sitä käytetään sekä käyttöliittymien (React, Vue, Angular, Svelte, yms), taustajärjestelmien (NodeJS / Express, HAPI, yms), että molempien yhdistelmien (NextJS, NuxtJS, jne). kehittämiseen.

Näitä JavaScript-kehikoita tullaan käsittelemään Hakatemian myöhemmillä kursseilla, mutta ennen kun päästään sinne asti niin meidän täytyy ensin opetella JavaScript-ohjelmoinnin perusteet, ja sitä varten tämä kurssi on tehty.

Kurssin aikana opit keskeisiä ohjelmointikonsepteja, kuten muuttujat, operaattorit, ehtorakenteet, funktiot, taulukot ja oliot. Jokainen moduuli on jaettu pieniin osiin, joissa on runsaasti käytännön harjoituksia.

Tämä kurssi julkaistaan beta-kokeiluun ensimmäisenä palasena Hakatemian web-kehitys -kokonaisuutta, ja ensimmäisenä kurssina joka käyttää Hakatemian uutta ohjelmointiharjoitusympäristöä. Ilmoitathan sivun alalaidassa olevalla palautenapilla tai Discordissa jos huomaat ongelmia!

While-silmukka - Toista toimintoa niin kauan kun ehto on totta

While-silmukka

Perussyntaksi

Hakkeroinnin oppiminen alkaa tästä