Conhecendo JavaScript - Variáveis
Variáveis JavaScript.
As variáveis são endereços em memoria que possibilita armazenar dados de forma temporária.Como em outras linguagens JavaScript também tem suas variáveis, seus tipos de variáveis são bem semelhantes ao java. Usa-se a palavra reservada "var" antes da declaração da Variável.
Suas regras de declaração,
- Não podem ser iniciadas com números
- Não podem ser utilizado caracteres especias como (ç ,^ ,~ ).
- Não pode ser iguais as palavras reservadas da linguagem.
JavaScript é Case Sensitive : Significa que ele faz diferenciação de palavras maiuscula de minuscula.
Exemplo: var curso "é diferente de" var Curso "ou ate de," var CURso.
var numero = 1; (certo)
var 123_numero = 1; (Errado - não pode começar com numero)
*A utilização do "Var" não é obrigatória, mas é indicado, por motivo de facilitar ao interpretador javascript e também ajuda na leitura do código posteriormente.
Conhecendo na prática.
Vamos criar uma nova página Html, com nome conhecendo_Variaveis.html
Neste arquivo vamos adicionar a tag de script.
| <html> | |||||
| <head> | |||||
| <title>Conhecendo Variáveis</title> | |||||
| <meta charset="UTF-8"> | |||||
| <script type="text/javascript"> /* Nosso conteúdo*/ | |||||
| </script> | |||||
| </head> | |||||
| <body> | |||||
| <div>TODO write content</div> | |||||
| </body> | |||||
| </html> - Agora vamos começar a criar nossas variáveis.
|
Ao salvar e abrir a pagina temos o seguinte resultado.
Não é necessário indicar o tipo (String / inteiros / número fracionados / Booleanos) , pois o próprio interpretador identifica.
Exemplos.
// String
var texto = "JavaScript";
//float
var numeroFracionado = 5.4;
//inteiro - int
var numero = -3;
//boolean (verdadeiro ou falso)
var teste = true;
Para exibir nossos resultados podemos usar o Alert (), como já foi visto ele é apresentado em uma Dialog Pop-up.
Podemos exibir também diretamente no navegador, com uso do metodo : document.write(textoAqui).
Uso do Metodo document.write().
<script type="text/javascript">
</script>
Imagem exemplo.
 | ||
| Podemos ainda apresentar dentro do console, nos navegadores ao Inspecionar podemos verificar o que é apresentado no console (no Chrome - botão direito mouse - Inspecionar) . Uso do Metodo console.log (). <script type="text/javascript">
|
Imagens Exemplo
Utilizando a entrada prompt().
Em algum momento da nossa aplicação pode ser necessário pedir para que o usuário entre com um algum dado usando o teclado, podemos usar o prompt(' ') para enviar uma dialog e aguardar uma entrada.
Exemplo:
var textoDB = prompt("Digite seu nome");
Com a variável textoDB recebendo prompt podemos agora exibir ela como uma variável simples...
var textoDB = prompt("Digite seu nome");
document.write(textoDB);
Agora temos nosso resultado.
Podemos também usar a concatenação de string para adicionar a um texto por exemplo.
Para fazer a concatenação de variáveis podemos usar o simbolo ' + ' , (variável + variável ), nesse momento o exemplo faz concatenação de Strings, segue um exemplo com multiplas concatenações.
<script type="text/javascript">
var textoDB = prompt("Digite seu nome");
var textoDB1 = prompt("Digite Seu telefone sem prefixo");
var textoDB2 = prompt("Digite o ramal para Atendimento 1 / 2 / 3");
var textoSr = "Eu Sr ";
var textoReclama = " venho atraves desta informar que o sinal de internet esta rápido";
var textoAnuncio = "Qualquel coisa estou a disposição no telefone : ";
var textoOpcao = "Sua opçao de Ramal :";
document.write(textoSr+textoDB+textoReclama+textoAnuncio+
textoDB1+textoDB2+textoOpcao+textoDB2);
</script>
Imagem Exemplo.
Comentários
Postar um comentário