Java Script

Mariana Z. Blanco
 Operadores Matemáticos
+ adição de valor e concatenação de
strings
- subtração de valores
* multiplicação de valores
/ divisão de valores
% obtem o resto de uma divisão:
Ex: 150 % 13 retornará 7
7 % 3 retornará 1
 Operadores Lógicos
São operadores a serem utilizados em comandos
condicionais, tais como: IF , FOR e WHILE.
== Igual
!= Diferente
> Maior
>= Maior ou Igual
< Menor
<= Menor ou Igual
&& E
|| Ou
 Comandos Condicionais
São comandos que verificam se uma determinada
condição é verdadeira ou não.
Comando IF
if (condição)
{ ação para condição satisfeita }
[ else
{ ação para condição não satisfeita } ]
Ex.
if (Idade < 18)
{Categoria = "Menor" }
else
{Categoria = "Maior"}
 Eventos
onsubmit - Ocorre quando um botão tipo
Submit recebe um click do mouse. Válido
apenas para o Form.
onkeyPress - Ocorre quando um uma
tecla foi pressionada.
Mostrar mensagem barra status

<script language="javascript">
window.defaultStatus="Sua Mensagem vai
aparecer aqui"
</script>
 Formulário
<form name="form1" action=“pagina.html"
method="post" onSubmit="return validacao()">
Senha: <input type="password" name="senha"
size="20">
Confirme a senha: <input type="password"
name="senha2" size="20">
<input type="submit" value="Enviar">
</form>
 Verificar se a senha e a
confirmação de senha são iguais
<script language="JavaScript">
function validacao(){
senha = document.form1.senha.value
senha2 = document.form1.senha2.value

if (senha != senha2){
alert("Confirmação de Senha Incorreta")
document.form1.senha.focus()
return false
}
}
</script>
 Senha deve conter no mínimo 6
caracteres
<script language="JavaScript">
function validacao(){
senha = document.form1.senha.value
senha2 = document.form1.senha2.value
if (senha == senha2){
if (senha.length<6){
alert("Senha deverá conter no mínimo 6 caracteres")
return false
}}else{
alert("Confirmação de Senha Incorreta")
document.form1.senha.focus()
return false
}} </script>
 Senha deve conter no mínimo 6 e no
máximo 12 caracteres
<script language="JavaScript">
function validacao(){
senha = document.form1.senha.value
senha2 = document.form1.senha2.value
if (senha == senha2){
if (senha.length<6){
alert("Senha deverá conter no mínimo 6 caracteres")
return false }
else if (senha.length>12){
alert("Senha deverá conter no máximo 12 caracteres")
return false }
}else{
alert("Confirmação de Senha Incorreta")
document.form1.senha.focus()
return false
}} </script>
 Formulário
<form name="form1" action=“pagina.html"
method="post" onSubmit="return
validacao()">
E-mail: <input type="text" name="email"
size="20">
Nome: <input type="text" name="nome"
size="20">
<input type="submit" value="Enviar">
</form>
 Validação do campo
<script language="JavaScript">
function validacao(){
nome = document.form1.nome.value
email= document.form1.email.value
msg = ""
if (nome == "" || email == ""){
if (nome == ""){
msg = " \n NOME "}
if (email == ""){
msg = msg + " \n EMAIL"}
alert("FAVOR PREENCHER OS CAMPOS ABAIXO
OBRIGATÓRIOS " + msg)
return false
}else{
return true}}
</script>
 Formulário
<form name="form1" action=“pagina.hml"
method="post" onSubmit="return validacao()">
E-mail:<input type="text" name="email"
size="20">
Nome:<input type="text" name="nome"
size="20">
CEP: <input type="text" name="cep" size="20"
onKeyPress="return Tecla();">
<input type="submit" value="Enviar">
</form>
 Aceita apenas números
function Tecla(){
if (document.all) // Internet Explorer
var tecla = event.keyCode;
else if(document.layers) // Nestcape
var tecla = e.which;
if (tecla > 47 && tecla < 58) // numeros de 0 a 9
return true;
else{
if (tecla != 8) // backspace
event.keyCode = 0;
else
return true; }
} </script>
 Botão avançar e voltar
<script language="JavaScript">
document.write("<form name=History>")
document.write("<input type=button value='<<'
onClick=history.back()>")
document.write("<input type=button value='>>'
onClick=history.forward()>")
document.write("</form>");
</script>