While JavaScript

In questa lezione parleremo del ciclo while in JavaScript e faremo anche degli esempi molto semplici per capirne il funzionamento.

Il while è un costrutto pre-condizionale, cioè il controllo della condizione avviene prima dell’esecuzione delle istruzioni indicate tra parentesi graffe.

La sintassi del ciclo while è la seguente:

while (condizione) {

istruzioni;

}

Dove condizione rappresenta un valore booleano, cioè un valore vero o falso, che determina la durata del ciclo. Mentre istruzioni sono le istruzioni che vengono eseguite finché la condizione è vera.

Attenzione dunque ad impostare correttamente la condizione.

Il ciclo sarà infinito se la condizione risulterà sempre vera.

Mentre il ciclo non verrà mai eseguito se la condizione risulterà falsa già dall’inizio.

While JavaScript – primo esercizio

Visualizzare i numeri da 0 a 9 in ordine crescente.

Innanzitutto inizializziamo a 0 una variabile contatore da cui partire: c=0.

Dopo impostiamo la condizione nel while, in questo caso c<10.

Poi all’interno delle parentesi graffe inseriamo delle istruzioni: scriviamo la variabile c e dopo la incrementiamo di 1.

Si avranno quindi questi passaggi:

c=0  

passo 1:

la condizione: 0<10 è vera:

stampa 0

incrementa c di 1: c=1

passo 2:

la condizione: 1<10 è vera:

stampa 1

incrementa c di 1: c=2

è così via finché c=9

Ecco dunque il codice completo del ciclo while in JavaScript:

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Il primo ciclo while</title>
  </head>
  <body>
    <h1>Ciclo while esempi</h1>

      <script type="text/javascript">
      var c=0;
      while (c<10){
          document.write(c + '</br>');
          c++;
      }
      </script>

   </body>
</html>

While JavaScript – primo esercizio

Visualizzare i numeri pari da 0 a 100.

Per realizzare questo semplice esercizio basterà cambiare l’algoritmo precedente incrementando c di 2 anziché di 1.

Cambiamo anche la condizione in modo da includere anche 100: c<=100.

Ricordiamo inoltre che 0 è un numero pari.

Ecco dunque il codice completo:

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Numeri pari da 0 a 100</title>
  </head>
  <body>
    <h1>Ciclo while esempi</h1>

      <script type="text/javascript">
      var c=0;
      while (c<=100){
          document.write(c + '</br>');
          c+=2;
      }
      </script>

   </body>
</html>

Alcuni link utili

Indice tutorial JavaScript

Introduzione al tutorial JavaScript

Il linguaggio JavaScript

Come utilizzare JavaScript alert

Come utilizzare JavaScript confirm

Utilizzare JavaScript prompt

Variabili in JavaScript

JavaScript substring

Autore dell'articolo: Cristina

Avatar per Coding Creativo

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *