Você está na página 1de 3

LIC.

INFORMTICA
Programao Web
FOLHA DE EXERCCIOS N 5 OBJECTIVOS: Javascript

1. Converta em XHTML e verifique qual o resultado esperado:


<HTML> <HEAD> <TITLE>Hora certa</TITLE> </HEAD> <BODY> <SCRIPT TYPE="text/ecmascript" LANGUAGE="JavaScript"> <!-today = new Date(); document.write("XPTO: " + today.toString()) //--> </SCRIPT> </BODY> </HTML>

2. Converta em XHTML realize as seguintes operaes:


<HTML> <HEAD> <TITLE> Boto de teste </TITLE> </HEAD> <BODY> <FORM> <INPUT type="button" name="botao" value="teste"> </FORM> </BODY> </HTML>

a. Associe um evento ao formulrio. O evento dever ser onclick. O formulrio deve chamar-se myform.
Resposta: <FORM name="meuform"> <INPUT type="button" name="botao" value="teste" onclick="iteste()">

b. Defina a script iteste() (no body ou no head?). Esta funo dever apresentar a hora actual no formato hh:mm.
Resposta: <scrirpt type="text/javascript"> function iteste() { var d = new Date();

lufer

document.write("Hora: +..); } </script>

3. Defina um documento XHTML ao seu critrio. Aplique-lhe uma CSS. Atribua-lhe o nome boas.html. Qual o resultado da execuo desta script.

<script type="text/javascript"> var win=window.open("boas.html") </script> a. Aplique-a no evento onload do body.


Resposta: <body onload="win">

b. Transforme a script numa funo. Aplique-a;


Resposta: function abre(File){ window.open(File) } <body onload="abre('boas.html');">

4. Converta em XHTML e verifique qual o resultado esperado: <HTML> <HEAD> <TITLE> Formulrios com JavaScript </TITLE> </HEAD> <BODY> <H1> Registo: </H1> <HR> <FORM NAME="regform"> Nome: <INPUT NAME="nome" TYPE="TEXT" SIZE="20" MAXLENGTH="40" VALUE=""> <BR><BR> <INPUT TYPE="BUTTON" VALUE="registar"> </FORM> </BODY> </HTML> a. Aplique-lhe a seguinte script de validao:

lufer

<SCRIPT> <!-function valida() { if (regform.nome.value == "") { alert("No se esqueceu de nada?"); return; } else regform.submit(); } //--> </SCRIPT>

Resposta <INPUT TYPE="BUTTON" VALUE="registar" onClick="valida()">

5. Converta em XHTML e verifique qual o resultado esperado:

<HTML> <HEAD> <SCRIPT> <!--function calcula(form) { if (confirm(" isso que quer?")) form.result.value = eval(form.expr.value) else alert("Totatento!") } // fim do script --> </SCRIPT> </HEAD> <BODY> <h1>Calculadora</h1> <FORM> Expresso matemtica: <INPUT TYPE="text" NAME="expr" SIZE=15 > <p> <INPUT TYPE="button" VALUE="Calcule" onClick="calcula(this.form)"> <INPUT TYPE="reset" VALUE="Limpar"> <p> Resultado: <INPUT TYPE="text" NAME="result" SIZE=15 > </FORM> </BODY> </HTML>

Bom trabalho

lufer

Você também pode gostar