Skip to content

Interaction: alert, prompt, confirm #244

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Apr 14, 2024
Merged

Interaction: alert, prompt, confirm #244

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
bba1cf4
fix(steps): fixes misspellings of article about alert, prompt, confirm
jonnathan-ls Jun 19, 2022
e072d45
refactor: adds adjustments according to code review suggestions
jonnathan-ls Apr 7, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 6 additions & 6 deletions 1-js/02-first-steps/06-alert-prompt-confirm/article.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,18 +1,18 @@
# Interação: alert, prompt, confirm

Como usuaremos o navegador como nosso ambiente de demonstração, vamos ver algumas funções para interagir com o usuário: `alert`, `prompt` e `confirm`.
Como usaremos o navegador como nosso ambiente de demonstração, vamos ver algumas funções para interagir com o usuário: `alert`, `prompt` e `confirm`.

## alert

Esta já vimos. Ela mostra uma mensagem e aguarda o usuário pressionar "OK".
Esta já vimos. Ela mostra uma mensagem e aguarda que o usuário pressione "OK".

Por exemplo:

```js run
alert('Olá');
```

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".
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é ele ter lidado com a janela. Nesse caso -- até pressionar "OK".

## prompt

Expand All @@ -34,7 +34,7 @@ Mostra uma janela modal com uma mensagem de texto, um campo de entrada para o vi
Os colchetes ao redor de `default` na sintaxe acima denotam que o parâmetro é opcional, não é obrigatório.
````

O visitante pode digitar algo no campo de entrada do prompt e pressionar OK. Então nós temos esse texto no `result`. Ou ele pode cancelar a entrada pressionando Cancelar ou `key:Esc`, então nos temos `null` como o `result`.
O visitante pode digitar algo no campo de entrada do prompt e pressionar OK. Então nós temos esse texto no `result`. Ou ele pode cancelar a entrada pressionando Cancelar ou `key:Esc`, então nós temos `null` como `result`.

A chamada do `prompt` retorna o texto do campo de entrada ou `null` se a entrada for cancelada.

Expand All @@ -55,7 +55,7 @@ Execute este código no Internet Explorer para visualizar:
let test = prompt('Teste');
```

Portanto, para que os prompts tenham boa aparência no IE, recomendamos que sempre forneça o segundo argumento:
Portanto, para que os prompts tenham boa aparência no IE, recomendamos que forneça sempre o segundo argumento:

```js run
let test = prompt('Teste', ''); // <-- para o IE
Expand Down Expand Up @@ -97,7 +97,7 @@ Cobrimos 3 funções específicas do navegador para interagir com o visitante:

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.

Existem duas limitações compartilhadas entre esses metódos acima:
Existem duas limitações compartilhadas entre esses métodos acima:

1. A localização exata da janela modal é determinada pelo navegador. Geralmente, está no centro.
2. A aparência exata da janela também depende do navegador. Nós não podemos modificá-la.
Expand Down