Skip to content

Commit 2442ffe

Browse files
authored
Merge pull request #159 from longo-andrea/feature/interaction-alert-prompt
Interaction: alert, prompt, confirm
2 parents e2197df + 80d555a commit 2442ffe

File tree

2 files changed

+16
-11
lines changed

2 files changed

+16
-11
lines changed

1-js/02-first-steps/06-alert-prompt-confirm/1-simple-page/task.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,6 @@ importance: 4
44

55
# Una semplice pagina
66

7-
Create una semplice pagina web che chiede un nome, e successivamente lo restituisce.
7+
Create una semplice pagina web che chiede un nome, e successivamente lo ritorna.
88

99
[demo]

1-js/02-first-steps/06-alert-prompt-confirm/article.md

Lines changed: 15 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
# Interazioni: alert, prompt, confirm
22

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

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

77
## alert
88

@@ -12,7 +12,7 @@ Sintassi:
1212
alert(message);
1313
```
1414

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

1717
Ad esempio:
1818

@@ -30,7 +30,7 @@ La funzione `prompt` accetta due argomenti:
3030
result = prompt(title, [default]);
3131
```
3232

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

3535
`title`
3636
: Il testo da mostrare all'utente.
@@ -42,7 +42,7 @@ Questo mostrerà una modal window con un messaggio testuale, un campo di input p
4242
Le parentesi quadre intorno a `default` indicano che il parametro è opzionale, non richiesto.
4343
```
4444
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`.
4646
4747
La chiamata ad un `prompt` ritorna il testo del campo input o `null` se è stato premuto cancel.
4848
@@ -54,8 +54,8 @@ let age = prompt('How old are you?', 100);
5454
alert(`You are ${age} years old!`); // Tu hai 100 anni!
5555
```
5656

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

6060
Provate ad eseguire il seguente codice su Internet Explorer:
6161

@@ -92,17 +92,22 @@ alert( isBoss ); // true se viene premuto OK
9292
9393
## Riepilogo
9494
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:
9696
9797
`alert`
9898
: mostra un messaggio.
9999
100100
`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.
102107
103108
Ci sono due limitazioni che sono condivise da tutti i metodi visti sopra:
104109
105110
1. La posizione esatta della modal window viene decisa dal browser. Solitamente sta al centro.
106111
2. Anche la grafica della modal window dipende dal browser. Non possiamo modificarla.
107112
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

Comments
 (0)