Ir para conteúdo
Entre para seguir isso  
Teron

Recebendo dados no JavaScript

Recommended Posts

Teron    0
Teron

javascript.png

Receber dados no JavaScript

 

Requisitos: saber o básico em variáveis e sintaxes.

Finalidade: fazer formulários interativos, jogos, etc.

 

Explicando:

- Com este tutorial você estará apto a fazer joguinhos, brincadeiras e até personalizar sua página fazendo interação com o visitante do seu site.

Passo 1:

- Crie um documento com um nome qualquer com a extensão .html, utilize a estrutura básica abaixo para o documento:

 


<html>
<head>
<title>Tutorial - Recebendo dados no JavaScript</title>
</head>
<body>

<script language="JavaScript" type="text/javascript">
// código aqui
</script>

</body>
</html>

 

PS: Lembre-se de que a identação é muito importante para a organização e também para a facilidade de editar o documento.

 

++++++++++++++++++++++++

Passo 2:

- Vamos ao código e as explicações !

 



<script language="JavaScript" type="text/javascript">
do {
var nome = prompt('Nome: ');
}
while (nome == null || nome == "");

do {
var idade = prompt('Idade: ');
}
while (idade == null || idade == "");

alert(nome+', você tem '+idade+' anos !');

</script>

do // while (nome == null || nome == ""); = enquanto a variável não receber nenhum dado e continuar em branco, a estrutura de repetição while vai fazer a janela ficar se repetindo até que o usuário digite um nome. O mesmo se aplica à idade.

nome // idade = são as variáveis que receberão os dados do usuário (pode-se colocar qualquer nome nelas)

 

.prompt = é a sintaxe do JavaSript que permite que uma variável receba o que o usuário digitar nos campos.

Nome // Idade = são as palavras que irão aparecer para o usuário saber qual campo ele está digitando. Tudo que estiver entre aspas simples ' - ' será considerado como simples texto e irá aparecer ao usuário.

alert (nome+', você tem '+idade+' anos !'); = mostrará na tela o resultado das variáveis nome e idade, que foram usadas para receber, respectivamente, o nome do usuário e a idade do mesmo. Os símbolos + são utilizados para inserir uma variável no meio de uma frase. Repare que no começo, para exibir o nome, o + só foi utilizado após a variável, pois a frase começa após a aspa simples que vem depois do +.

 

++++++++++++++++++++++++

Passo 3:

- Resultado:

attachment.php?attachmentid=3959&stc=1

 

attachment.php?attachmentid=3958&stc=1

 

attachment.php?attachmentid=3960&stc=1

Bom, é isso aí pessoal !

 

Em caso de dúvidas é só postar aqui no tópico que eu respondo assim que estiver disponível.

No próximo tutorial vou ensinar um pouco sobre botões.

Editado por Teron

Compartilhar este post


Link para o post
Compartilhar em outros sites
vdzz    15
vdzz

Tutorial vai ajudar bastante quem está começando.

Enfim, tutorial aprovado e movido.

Irá receber 70v$ pelo tutorial.

Compartilhar este post


Link para o post
Compartilhar em outros sites
haxyy    0
haxyy

Muito bom!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Faça login para comentar

Você vai ser capaz de deixar um comentário após fazer o login



Entrar Agora
Entre para seguir isso  

  • Quem Está Navegando   0 membros estão online

    Nenhum usuário registrado visualizando esta página.

×