Caixa de Di�logo JavaScript

O JavaScript tem três tipos de caixas de diálogo: caixa de aviso, caixa de confirmação e caixa de entrada.

Caixa de aviso

Para garantir que a mensagem seja transmitida ao usuário, geralmente é usado a caixa de aviso.

Quando a caixa de aviso aparecer, o usuário precisará clicar em "Confirmar" para continuar.

Sintaxe

window.alert("sometext");

window.alert() os métodos podem não conter window com prefixo a escrever.

Exemplo

alert("Sou uma caixa de aviso!");

Experimente Você Mesmo

Caixa de confirmação

Se você desejar que o usuário verifique ou aceite algo, geralmente é usado a caixa de confirmação.

Quando a caixa de confirmação aparecer, o usuário terá que clicar em "Confirmar" ou "Cancelar" para continuar.

Se o usuário clicar em "Confirmar", a caixa retorna trueSe o usuário clicar em "Cancelar", a caixa retorna false.

Sintaxe

window.confirm("sometext");

window.confirm() os métodos podem não conter window para escrever prefixos.

Exemplo

var r = confirm("Por favor, clique no botão");
if (r == true) {
    x = "Você clicou em Confirmar!";
} else {
    x = "Você clicou em Cancelar!";
}

Experimente Você Mesmo

Diálogo de Prompt

Se você deseja que o usuário insira um valor antes de entrar na página, geralmente é usado um diálogo de prompted.

Quando a janela de diálogo é exibida, o usuário será obrigado a inserir um valor e clicar em "OK" ou clicar em "Cancelar" para continuar.

Se o usuário clicar em "OK", a caixa retornará o valor de entrada. Se o usuário clicar em "Cancelar", a caixa retornará NULL.

Sintaxe

window.prompt("sometext",defaultText");

window.prompt() os métodos podem não conter window para escrever prefixos.

Exemplo

var person = prompt("Por favor, insira seu nome", "Bill Gates");
if (person != null) {
    document.getElementById("demo").innerHTML = "Olá " + person + "! Como foi seu dia?";
}

Experimente Você Mesmo

Quebra de Linha

Para exibir quebras de linha em janelas de diálogo, insira um caractere após a barra invertida n.

Exemplo

alert("Olá\nComo vai você?");

Experimente Você Mesmo