1

Talking Duck
"What does the duck say?"

2
Talking Duck App
Funzionalità:

Input fields
Speech Synthesis 

3
Input Fields

4
HTML

Input Fields
Ricevere dati dall'utente

1 Input Text Nome*

Inserisci il tuo nome 1

2 Input Email Email

Inserisci la tua email 2

3 Textarea
Messaggio*

4  Checkbox
Messaggio
3

5  Button

 
4 Accetto la Privacy policy

INVIA 5
5
HTML

Tipi di input
I type principali

Possiamo inserire un testo

1

0 mm/dd/yyyy
2

Choose File No file choosen --------- ----

3
--:-- --

Possiamo inserire un testo più lungo disposto su più

righe, come per esempio questo che state leggendo

6
JS - Operatori Logici
e Relazionali

7
JS

Operatori relazionali
Come confrontiamo due valori

Come otteniamo questo valore Booleano?

Confrontando due valori con gli operatori relazionali

== uguaglianza Se x = 3, allora x == 4 è falso

!= diversità Se x = 3, allora x != 4 è vero
> maggiore di Se x = 3, allora x > 4 è falso
< minore di Se x = 3, allora x < 4 è vero
>= maggiore o uguale Se x = 3, allora x >= 4 è falso
<= minore o uguale Se x = 3, allora x <= 4 è vero
8
JS

Operatori Logici
Possiamo unire più condizioni?
Gli operatori logici consentono la combinazione di espressioni booleane.
Operatori Binari
&& and, “e logico” Se x = 3, y = 4 (x < 4 && y > 5) è
restituisce vero se e soltanto se entrambi gli operandi allora falso
sono veri
|| or, “o logico” Se x = 3, y = 4 (x < 4 || y > 5) è
restituisce vero se almeno uno degli operandi è vero allora vero

Abbiamo anche la possibilità di controllare se una espressione equivale a false tramite

 l'operatore logico NOT (!).    
! not, “negazione” Se x = false, allora       (!x) è  vero
restituisce vero se l'operando è falso e viceversa         
9
Js Arrays

10
Javascript - JS

Array
Marty! Non stai pensando quadrimensionalmente!

🧐 L’array è come un archivio:

ogni cassetto (elemento) può contenere
uno o più dati...

11
Javascript - JS

Array
Salviamo più dati assieme

Come si scrive un array?

 
Gli elementi di un array
si elencano tra parentesi quadre
e si separano con una virgola.

12
Javascript - JS

Array
Salviamo più dati assieme

Come si accede agli elementi di un array?

 
nomeArray[IndiceElemento]

🧐 Attenzione: gli array contano da 0!

La prima posizione/indice quindi sarà 0 e non 1.

13
Javascript - JS

Array
E se voglio aggiungere un elemento?

Dopo la creazione di un array possiamo

anche aggiungere degli altri dati.
 
Ad esempio qui gli iscritti iniziali sono 3, ma
ad un certo punto potremmo aver bisogno di
aggiungere un quarto elemento.

14