Archive for June, 2010
Aula 5 – Javascript
Blocos de código
Todo bloco de código tem um início representado por: { e um fim representado por: }.
Uma representação de bloco de código é:
nome do bloco { //este é o início do bloco
}//este é o fim do bloco
Funções
Uma função é um bloco de código é definida por:
nomeDaFunção(){
//codigo a ser executado
}
Função é um bloco de código que pode ser chamado em qualquer lugar da página.
Exemplo de comparações:
function validarEntrada(){
var valor=document.getElementById("inputValor").value;
if(valor<50){
alert("menor que 50");
}else if(valor == 50){
alert("igual a 50");
}else if(valor > 50 && valor <= 75){
alert("valor entre 50 e 75");
}else{
alert("valor maior que 75");
}
}
Exercícios:
<html>
<head>
<script>
function validarEntrada(){
var valor=document.getElementById("inputValor").value;
if(valor<50){
alert("menor que 50");
}else if(valor == 50){
alert("igual a 50");
}else if(valor > 50 && valor <= 75){
alert("valor entre 50 e 75");
}else{
alert("valor maior que 75");
}
}
</script>
</head>
<body>
<input type="text" id="inputValor" />
<input type="button" onclick="validarEntrada'();" value="Testar"/>
</body>
</html>
<html>
<head>
<title>Página de teste</title>
<script type="text/javascript">
function validaSaudacao(){
var date;
date = new Date();
if(date.getHours()>=6 && date.getHours()<12){
document.getElementById("saudacao").innerHTML="Bom Dia!";
}else if(date.getHours()>=12 && date.getHours()<18){
document.getElementById("saudacao").innerHTML="Bom Tarde!";
}else{
document.getElementById("saudacao").innerHTML="Bom Noite!";
}
}
</script>
</head>
<body onload="validaSaudacao();">
<div id="saudacao" style="width: 100% float:left;"></div>
</body>
</html>