SdevLab – Tutorial | JavaScript Popup Box

Fala Galera!

Dando continuação aos posts de JavaScript, hoje veremos como utilizar os diferentes Popup Box que a linguagem possui.

Boa Leitura!

ATUALIZAÇÃO (24/08/2015): Este post foi escrito com base nos tutoriais do W3C para JavaScript ECMA-262 (dei um curso de linguagens web em 2010 mais ou menos e foi deste curso que surgiu a série de posts). O link de referência deste post, ou de posts seguintes desta mesma série, hoje aponta para a versão ECMAScript 5, logo não é mais válido. O conteúdo está correto, mas não é sobre a versão mais atual!

Popup Box em JavaScript

O JavaScript possui 3 tipos de box popup, que são o Alert, Confirm e o Prompt.

O alert somente mostra alguma informação ao usuário, já o confirm é utilizado para confirmar alguma coisa, e o prompt para colher informações.

Segue abaixo exemplo dos popus

Alert

alert("I am an alert box!");


Confirm

<html>
<head>

function confirmBox()
{
var r=confirm("Pressione um dos botões");
if (r==true)
{
alert("Confirmado!");
}
else
{
alert("Você não confirmou!");
}
}

</head>
<body>
<input type="button" onclick="confirmBox()" value="Confirme o valor" />
</body>
</html>

Prompt

<html>
<head>

function promptBox()
{
var name=prompt("Por favor digite seu nome","Visitante");
if (name!=null && name!="")
{
document.write("Olá " + name + "! Como vai você?");
}
}

</head>
<body>
<input type="button" onclick="promptBox()" value="Prompt" />
</body>
</html>

No próximo post veremos como trabalhar com funções em JavaScript.

Até a próxima!
xD

Fonte: w3schools.com

Um comentário sobre “SdevLab – Tutorial | JavaScript Popup Box

  1. Pingback: SdevLab – Curso | Aprenda JavaScript ECMA-262 Online | Sanoj's devLab

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s