Tutorial - Script: Caixas de Diálogo

Um script é aberto com a tag <script> e fechado com </script>



<script>

alert ("Alert é uma caixa de diálogo!");

</script>



Texto que for digitado dentro do alert será exibido como mensagem na tela do usuário, utilizamos '\n' para fazer a quebra de linha na mensagem e o '+' para concatenar os textos e variáveis. Ver Exemplo

------------------ // ------------------

<script>

var nome;

nome = prompt ("Digite seu nome?");

alert ("Seu nome é "+nome);

</script>



Neste caso declaramos uma variável, aqui com o nome de 'nome', usamos uma variável porque a função prompt vai colocar o valor que você digitar nela, e depois a função alert vai exibir o que foi digitado no prompt. Ver Exemplo

------------------ // ------------------

<script>

var decisao;

decisao = confirm("Clique em um botão!");

if (decisao){

alert ("Você clicou no botão OK,\n"+"porque foi retornado o valor: "+decisao);

}else{

alert ("Você clicou no botão CANCELAR,\n"+"porque foi retornado o valor: "+decisao);

}

</script>



Este outro exemplo é de uma caixa de dialogo de confirmação, ela trabalha com valores boleanos "True" para verdadeiro e "False" para falso.

Aqui declaramos uma variável 'decisao' onde a função confirm vai colocar a resposta que o usuário selecionou dentro dela.

Vamos utilizar o 'if' que é uma condição, se(if) verdadeiro apresente o primeiro alert senão(else) apresenta o segundo alert. Ver Exemplo