Curso básico de JavaScript – Métodos alert, confirm, prompt e write

Métodos alert(), confirm(), prompt() e write()

Métodos

Os métodos confirm(), alert() e prompt() são usados para exibir uma caixa de diálogo pop-up para o usuário, com o intuito de exibir ou solicitar informações.

Esses três métodos pertencem ao objeto window, e podem ser referenciados como:

• window.confirm
• window.alert
• window.prompt

O objeto window representa uma janela aberta no navegador, e contém outros objetos, como por exemplo o objeto document.

Método alert()

• Usado para mostrar uma caixa de alerta (diálogo) e um botão de OK.
• Pertence ao objeto window, que representa uma janela aberta em um navegador.

Sintaxe:

alert(“mensagem”);

mensagem indica o texto (string) a ser exibido na caixa de alerta.

Exemplo do método alert():

<script type="text/javascript">
   alert("Bom dia!");
   alert("Vamos estudar a linguagem \nJavaScript hoje!");
</script>

Método prompt()

• Permite abrir uma caixa de diálogo para entrada de dados
• Pertence ao objeto window

Sintaxe:

prompt(“arg01”, “[arg02]”);

Onde:

arg01 é uma mensagem de instrução direcionada ao usuário

arg02 é um valor padrão, geralmente usado para fornecer uma dica ao usuário. É opcional.

Os argumentos devem estar sempre entre aspas, simples ou duplas. Se o usuário clicar no botão OK, retornará os dados digitados na caixa; se clicar em Cancelar, retornará o valor null

Exemplo do método prompt():

<script type="text/javascript">
    var a = prompt("Digite seu nome:","Nome");
    var b = prompt("Digite seu sobrenome:");
    document.write("Bom dia, " + a + " " + b + " <br />");
</script>

Método confirm()

• O método confirm() é usado para mostrar uma caixa de confirmação, com uma mensagem especificada, e botões OK e Cancelar.
• Retorna True se o usuário clicar em OK, e False se clicar em Cancelar.
• Também pertence ao objeto window.

Sintaxe:

confirm(“mensagem”);

mensagem é uma string de texto, opcional, que especifica o texto a mostrar na caixa de confirmação.

Exemplo do método confirm()

<script>
var mensagem;
var retorno = confirm("Clique em um dos botões!");
if (retorno == true)
{
   mensagem = "Operação confirmada";
}
else
{
   mensagem = "Você cancelou a operação";
}
document.write(mensagem);
</script>

Método document.write()

Este é um método que permite escrever texto e tags HTML em um documento.

Sintaxe:

document.write(“argumentos”);

argumentos podem ser texto (strings) ou ainda marcações HTML

Obs.: O método document.write() somente funciona se estiver inserido no documento processado. Se for executado a partir de um evento, sobrescreverá todo o HTML da página. Veremos futuramente como contornar essa situação.

Exemplo do método document.write()

<script type="text/javascript">
    var a = prompt("Digite seu nome:","Nome");
    document.write("Bom dia, " + a + " <br />");
    document.write("<p>Vamos estudar <strong>JavaScript</strong></p>");
</script>

Próximo: Variáveis e tipos de dados em JavaScript.