Jump to content
Sign in to follow this  
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.

Edited by Teron

Share this post


Link to post
Share on other sites
vdzz    15
vdzz

Tutorial vai ajudar bastante quem está começando.

Enfim, tutorial aprovado e movido.

Irá receber 70v$ pelo tutorial.

Share this post


Link to post
Share on other sites
haxyy    0
haxyy

Muito bom!

Share this post


Link to post
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×