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
+17-20Lines changed: 17 additions & 20 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -4,28 +4,29 @@ Como usuaremos o navegador como nosso ambiente de demonstração, vamos ver alg
4
4
5
5
## alert
6
6
7
-
Este já vimos. Ele mostra uma mensagem e aguarda o usuário pressionar "OK"
7
+
Este já vimos. Ele mostra uma mensagem e aguarda o usuário pressionar "OK".
8
8
9
-
Por exemplo :
9
+
Por exemplo:
10
10
11
11
```js run
12
-
alert('Ola');
12
+
alert("Ola");
13
13
```
14
14
15
-
A mini-janela com a mensagem é chamada de _modal window_. A palavra "modal" significa que o visitante não pode interagir com o resto da página, pressionar outros botões, etc. até que ele tenha lidado com a janela. Nesse caso -- até pressionar "OK"
15
+
A mini-janela com a mensagem é chamada de *modal window*. A palavra "modal" significa que o visitante não pode interagir com o resto da página, pressionar outros botões, etc, até que ele tenha lidado com a janela. Nesse caso -- até pressionar "OK".
16
16
17
17
## prompt
18
18
19
-
A função `prompt` aceita dois argumentos
19
+
A função `prompt` aceita dois argumentos:
20
20
21
21
```js no-beautify
22
22
result =prompt(title, [default]);
23
23
```
24
24
25
-
Mostra uma janela modal com uma mensagem de texto, um campo de entrada para o visitante, e os botões OK/CANCEL
25
+
Mostra uma janela modal com uma mensagem de texto, um campo de entrada para o visitante, e os botões OK/Cancel.
26
26
27
27
`title`
28
28
: Texto para ser mostrado ao visitante.
29
+
29
30
`default`
30
31
: Um parâmetro opcional, o valor inicial para o campo de entrada.
31
32
@@ -40,42 +41,43 @@ A chamada do `prompt` retorna o texto do campo de entrada ou `null` se a entrada
40
41
Por exemplo:
41
42
42
43
```js run
43
-
let age = prompt('Qual a sua idade?', 100);
44
+
let age = prompt('Qual a sua idade?', 100);
44
45
45
46
alert(`Você tem ${age} anos!`); //Você tem 100 anos!
46
47
```
47
48
48
-
``warn header="No IE: sempre forneça um `default`"
49
+
````warn header="No IE: sempre forneça um `default`"
49
50
O segundo parâmetro é opcional, mas se não o fornecermos, o Internet Explorer irá inserir o texto `"undefined"` no prompt.
50
51
51
52
Execute este código no Internet Explorer para visualizar:
52
53
53
54
```js run
54
-
let test =prompt('Teste');
55
+
let test =prompt("Teste");
55
56
```
56
57
57
58
Portanto, para que os prompts tenham boa aparência no IE, recomendamos que sempre forneça o segundo argumento:
58
59
59
60
```js run
60
-
let test =prompt('Teste', ''); // <-- para o IE
61
+
let test =prompt("Teste", ''); // <-- para o IE
61
62
```
62
-
63
63
````
64
64
65
65
## confirm
66
66
67
-
Sintaxe:
67
+
A sintaxe:
68
68
69
69
```js
70
70
result = confirm(question);
71
71
```
72
72
73
73
A função `confirm` mostra uma janela modal com uma `question` e dois botões: OK e Cancelar.
74
-
O resultado é `true` se OK for pressionado e `false` caso contrário
74
+
75
+
O resultado é `true` se OK for pressionado e `false` caso contrário.
76
+
75
77
Por exemplo:
76
78
77
79
```js run
78
-
let isBoss = confirm("Você é o chefe?");
80
+
let isBoss = confirm("Você é o chefe?");
79
81
80
82
alert( isBoss ); // true se OK for pressionado
81
83
```
@@ -84,18 +86,14 @@ alert( isBoss ); // true se OK for pressionado
84
86
85
87
Cobrimos 3 funções específicas do navegador para interagir com o visitante:
86
88
87
-
88
-
89
89
`alert`
90
90
: mostra uma mensagem.
91
91
92
92
`prompt`
93
93
: mostra uma mensagem pedindo para o usuário inserir texto. Ela retorna o texto ou, se CANCEL ou `key:Esc` for clicado, `null`.
94
94
95
-
96
-
97
95
`confirm`
98
-
: mostra uma mensagem e espera que o usuário pressione "OK" ou "Cancelar". Ela retorna `true` para OK e `false` para Cancelar/`key:Esc`.
96
+
: mostra uma mensagem e espera que o usuário pressione "OK" ou "Cancel". Ela retorna `true` para OK e `false` para Cancel/`key:Esc`.
99
97
100
98
Todos esse métodos são modais: eles pausam a execução do script e não permitem ao visitante interagir com o resto da página até que a janela seja descartada.
101
99
@@ -105,4 +103,3 @@ Existem duas limitações compartilhadas entre esses metódos acima:
105
103
2. A aparência exata da janela também depende do navegador. Nós não podemos modificá-la.
106
104
107
105
Este é o preço da simplicidade. Existem outras maneiras de mostrar janelas mais agradáveis e interações mais ricas aos visitantes, mas se "sinos e assobios" não importam muito, esses métodos funcionam bem.
0 commit comments