Esercizio 10: JS #1

Keywords: JS basics, arrays, functions

Esercizio precedente Esercizio successivo

Rivediamo insieme:

  • Booleani
  • For Loops
  • If Statements

Warm up!

Prima di cominciare la lezione effettiva, proviamo qualche esercizio di riscaldamento

Booleani

I Booleani in JavaScript sono un tipo di dato che possono assumere due valori: true or false. I booleani si usano spesso per controllare lo stato di una condizione, e.g. se un valore è pari a qualcosa, se una certa operazione ha avuto successo, se un utente ha fatto o meno una certa operazione...

var x = true; 
if (x) {
    console.log("True")} 
else {
    console.log("False")
}
var x = 3; 
if (x < 3) {
    console.log("True")
} else {
    console.log("False")
}
Operatore Descrizione Comparazione Risulato
== equal to x == 8 false
x == 5 true
x == "5" true
=== equal value and equal type x === 5 true
x === "5" false
!= not equal x != 8 true
!== not equal value or not equal type x !== 5 false
x !== "5" true
x !== 8 true
> greater than x > 8 false
< less than x < 8 true
>= greater than or equal to x >= 8 false
<= less than or equal to x <= 8 true

If statements

  • if specifica che il blocco deve essere eseguito, se una certa condizione è realizzata
  • else specifica che il blocco successivo ad un if-block deve essere eseguito, se la condizione precedente non si è realizzata
  • else if specifica uno o più blocchi aggiuntivi, dopo il primo if
  • switch specifica molteplici blocchi, utile quando servono molti if-else
if (condition) {
    //  block of code to be executed if the condition is true
    } else {
    //  block of code to be executed if the condition is false
    }

For Loops

Il for loop si usa per eseguire ripetutamente un singolo blocco finché una certa condizione non è soddisfatta.

for (initialization; condition; increment) {
// code to be executed
}
  • Initialization: valore iniziale del loop. Non si azzera dopo l'iterazione, viene usata come variabile di partenza per condizione e incremento.
  • Condition: booleano che viene controllato ad ogni loop. Se vero, il loop continua, altrimenti viene terminato.
  • Increment: variabile incrementata ad ogni iterazione; di solito si usa la variabile inizializzata
  • Codice: tutto quello che deve essere eseguito mentre il loop è attivo.
for (var i = 0; i < 10; i++) {
console.log(i);
}

Variabile: i = 0; la condizione deve essere true per essere eseguita, ovvero finché i è inferiore a 10; ad ogni iterazione, i aumenterà di 1. Il codice quindi stamperà sulla console tutti i numeri tra i e 9. Per gli incrementi, operatori matematici etc consultare W3 o MDN



Esercizio 1

Creiamo una funzione che ritorna n numeri di Fibonacci:

  1. Se l'input è uguale a 1, output = [0]
  2. Se uguale a 2, output = [0,1]
  3. Se maggiore di 2, output = [0, 1, ...] dove ogni numero successivo è pari a = (penultimo numero dell'array) + (ultimo numero dell'array)

Esercizio 2

Creiamo un input e un bottone per creare fibonacci(n).

  1. Crea un elemento input id="input", un bottone con onclick="", e un p con id="output"
  2. Dichiara una funzione displayFibonacci()
    • Quando chiamata, prende il valore di #input
    • Chiama a sua volta fibonacci(n) con il valore di #input come parametro
    • Il risultato va poi mostrato, con .innerHTML, nel p #output.


© Andrea Schimmenti & Fabio Vitali. TW 2022-2023.