You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: 1-js/02-first-steps/06-alert-prompt-confirm/article.md
+15-10Lines changed: 15 additions & 10 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,8 +1,8 @@
1
1
# Interazioni: alert, prompt, confirm
2
2
3
-
Questa parte del tutorial ha l'intenzione di coprire JavaScript cosi per "com'è", senza i ritocchi specifici di ogni ambiente.
3
+
Questa parte del tutorial ha l'intenzione di coprire JavaScript cosi per "com'è", senza le caratteristiche specifiche di ogni ambiente.
4
4
5
-
Ma continueremo comunque ad utilizzare un browser come ambiente di test. Quindi dovremmo conoscere almeno un paio di funzioni dell'interfaccia utente. In questo capitolo prenderemo familiarità con le funzioni browser `alert`, `prompt` e `confirm`.
5
+
Ma continueremo comunque ad utilizzare il browser come ambiente di test. Per farlo, abbiamo bisogno di conoscere un paio di funzioni utili per l'interazione con l'interfaccia utente. In questo capitolo prenderemo familiarità con le funzioni browser `alert`, `prompt` e `confirm`.
6
6
7
7
## alert
8
8
@@ -12,7 +12,7 @@ Sintassi:
12
12
alert(message);
13
13
```
14
14
15
-
Questo mostra un messaggio e mette in pausa l'esecuzione dello script finchè l'utente non preme il pulsante "OK".
15
+
Questo mostra un messaggio e mette in pausa l'esecuzione dello script finché l'utente non preme il pulsante "OK".
16
16
17
17
Ad esempio:
18
18
@@ -30,7 +30,7 @@ La funzione `prompt` accetta due argomenti:
30
30
result =prompt(title, [default]);
31
31
```
32
32
33
-
Questo mostrerà una modal window con un messaggio testuale, un campo di input per l'utente ed il bottone OK/CANCEL.
33
+
Questo mostrerà una modal window con un messaggio testuale, un campo di input ed il bottone OK/CANCEL.
34
34
35
35
`title`
36
36
: Il testo da mostrare all'utente.
@@ -42,7 +42,7 @@ Questo mostrerà una modal window con un messaggio testuale, un campo di input p
42
42
Le parentesi quadre intorno a `default` indicano che il parametro è opzionale, non richiesto.
43
43
```
44
44
45
-
L'utente potrà scrivere nel campo input del prompt e successivamente premere OK. O in alternativa possono cancellare l'input premendo su CANCEL o la combinazione di tasti `key:Esc`.
45
+
L'utente potrà scrivere nel campo input del prompt e successivamente premere OK. O in alternativa potrà cancellare l'input premendo su CANCEL o la combinazione di tasti `key:Esc`.
46
46
47
47
La chiamata ad un `prompt` ritorna il testo del campo input o `null` se è stato premuto cancel.
48
48
@@ -54,8 +54,8 @@ let age = prompt('How old are you?', 100);
54
54
alert(`You are ${age} years old!`); // Tu hai 100 anni!
55
55
```
56
56
57
-
````warn header="IE: inserisce sempre un valore `default`"
58
-
Il secondo parametro è opzionale. Ma se non inseriamo niente, Internet Explorer inserirà il testo `"undefined"` nel prompt.
57
+
````warn header="IE: inserisce sempre un valore di `default`"
58
+
Il secondo parametro è opzionale. Ma se non inseriamo nulla, Internet Explorer inserirà il testo `"undefined"` nel prompt.
59
59
60
60
Provate ad eseguire il seguente codice su Internet Explorer:
61
61
@@ -92,17 +92,22 @@ alert( isBoss ); // true se viene premuto OK
92
92
93
93
## Riepilogo
94
94
95
-
Abbiamo osservato 3 funzioni specifiche dei browser per interagire con l'utente:
95
+
Abbiamo studiato 3 funzioni specifiche dei browser per interagire con l'utente:
96
96
97
97
`alert`
98
98
: mostra un messaggio.
99
99
100
100
`prompt`
101
-
Tutti questi metodi sono dei modal window: quindi interrompono l'esecuzione dello script e non consentono all'utente di interagire con il resto della pagina finchè il messaggio non viene rimosso.
101
+
: mostra un messaggio che richiede all'utente di inserire un input. Ritorna il testo inserito, o in alternativa, se viene premuto Cancel o il tasto `key:Esc`, ritorna `null`.
102
+
103
+
`confirm`
104
+
: mostra un messaggio e attende che l'utente prema "OK" o "Cancel". Ritora `true` nel caso in cui venga premuto "OK", `false` altrimenti.
105
+
106
+
Tutti questi metodi sono dei modal window: quindi interrompono l'esecuzione dello script e non consentono all'utente di interagire con il resto della pagina finché la modal non viene chiusa.
102
107
103
108
Ci sono due limitazioni che sono condivise da tutti i metodi visti sopra:
104
109
105
110
1. La posizione esatta della modal window viene decisa dal browser. Solitamente sta al centro.
106
111
2. Anche la grafica della modal window dipende dal browser. Non possiamo modificarla.
107
112
108
-
Questo è il prezzo da pagare per la semplicità. Ci sono altri modi di mostrare finestre carine, ricche di informazioni e interazioni con l'utente, ma se non ci interessa fare grandi cose, questi metodi possono essere utili.
113
+
Questo è il prezzo da pagare per la semplicità. Ci sono altri modi per mostrare finestre di tipo modal più eleganti, con più informazioni o con maggiori possibilità di interazione con l'utente, ma se non ci interessa fare grandi cose, questi metodi possono essere utili.
0 commit comments