View
222
Download
0
Embed Size (px)
Citation preview
JAVASCRIPTProgramação Web
O que é E uma linguagem interpretada que e
executada na maquina do cliente
Não esta associada ao framework java
Não consegue acessar recursos da maquina do cliente.
O que é Utilizada para validação de formulários
Para interações locais com o cliente
Para controles de navegação
Aplicada nas mais variadas tecnologia de script: HTM, ASP, ASP.NET, JSP , PHP e etc
Caracteristicas Case Sensitive – diferencia letras
maiusculas de minusculas Toda linha termina com um ponto e
virgula exceto bloco de comandos
Tag<script language=“javascript”>
</script>
Mensagem<script language=“javascript”>//mensagem simples informativaalert(“minha mensagem”);
// mensagem de escolhavar opc=confirm(“continuar ?”);</script>
Criando Variáveis<script language=“javascript”>
var nome = “maria”;var nota1 = 8.5;
</script>
Convertendo Tipos<script language=“javascript”>//convertendo para inteirosvar nota1 = parseInt(campo1.value);
//convertendo para stringvar nome =parseString(78.5);
</script>
Convertendo Tipos<script language=“javascript”>//convertendo para decimaisvar nota1= parseFloat(campo1.value);
</script>
Operador de associação Var teste = “ABCD”;
Operadores Aritméticos + Soma - subtração / divisão * multiplicação () parenteses % modulo (resto da divisão)
Acessando objetos htm Para acessar um objeto htm e utilizado
atraves do ID do objeto exemplo:
<input type="text" id="campo1” value="5.5">
<script language="javascript">var nota1 = parseFloat(campo1.value);</script>
Funções<script language=“javascript”>
function calculadora(n1, n2 , op){
return valor;}
</script>
Funções<html><body>
<input type="text" id="campo1" value="0">
<input type="text" id="campo2" value="0">
<input type="text" id="campo3" value="0">
<input type="button" value="somar" onClick="Testar();"></body></html>
<script language="javascript">function Testar(){
var nota1 = parseFloat(campo1.value);
var nota2 = parseFloat(campo2.value);
campo3.value = somar(nota1,nota2);}
function somar(n1, n2){var resultado = n1 + n2;
return resultado;}
</script>
Funções São blocos de comandos que serão
reutilizados
Podem ser evocadas através do próprio js e de eventos de objetos da tela.
Não é obrigatório a lista de parâmetros e o return
EventosEventos são ações interativas da tela onClick – ao clicar o objeto onChange – ao alterar algum valor onFocus – quando objeto esta selecionado onMouseOver – quando o mouse esta em cima do
objeto onMouseOut – quando o mouse sai de cima do
objeto onKeyUp – quando uma tecla e pressionada e solta onLoad – quando a pagina e carregada
Expressão Lógica Uma expressão lógica e o comparativo
de duas partes o qual vai retorna um tipo lógico (Verdadeiro ou Falso).
Os operadores relacionais são utilizados para comparar variáveis, constantes e valores entre si.
Operadores Relacionais == Igualdade != Diferente > maior >= maior igual < menor <= menor igualExe: A=10, B=5A>B => V , B>=A => F , A==B => F
Operadores Lógicos Quando existe 2 a N condições lógicos e
necessário utilizar os operadores lógicos para obter um resultado da expressão
&& - E || - OU ! – NÃO Exe: A= 3 , B=5, C=8 A>B && B<=C => F && V => F
Comando de Condição IFIf( a >= b){
//caso verdadeiro} else {
//caso falso}
Comando de Condição IFif(nome.value == “”){alert(“informe o nome !”)nome.focus();return false;
} else {return true;
}
Comando de Condição IFif(nome.value.length <= 3){alert(“digite um nome com mais de 3 caracteres!”);nome.focus();return false;
}
Comando de Repetição Enquanto Faça (0...N)
while(<codição>) {//bloco de comandos
} Faça Enquanto(1...N)
do{//bloco de comandos
}while(<codição>);
Comando de Repetição Faça Ate(X...Y)
for(i=0; i <10 ; i++){//bloco de comandos
}
Aonde int i=1 => iniciando contador i < 10 => condição logica do contador i++ => formato de incremento
Comando de Repetição Exemplo:
var total = 0;
For(i = 0; i < caixa.length; i++){total = total + parseInt(caixa[i].value);
}