Exercícios 1 JavaScript

Este documento apresenta 5 exercícios em JavaScript para validar formulários e manipular eventos em páginas web dinâmicas. O primeiro exercício mostra a data e hora atual. O segundo associa um evento de clique a um botão. O terceiro valida campos de formulário. O quarto cria uma calculadora simples. O quinto manipula eventos de carregamento e descarregamento de páginas.

Enviado por

Teresa Oliveira

Direitos autorais

Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.

Formatos disponíveis

Baixe no formato DOCX, PDF, TXT ou leia on-line no Scribd

0% acharam este documento útil (0 voto)

242 visualizações

Exercícios 1 JavaScript

Enviado por

Teresa Oliveira

Direitos autorais

Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.

Formatos disponíveis

Baixe no formato DOCX, PDF, TXT ou leia on-line no Scribd

Você está na página 1/ 3

AGRUPAMENTO DE ESCOLAS

TEMPLRIOS
ESCOLA SECUNDRIA DE JCOME
RATTON

Ficha Exerccios JavaScript

Curso Profissional de Tcnico de Gesto

e Programao de Sistemas Informticos
Redes de Comunicao
Mdulo 5 Desenvolvimento Pginas Web
Dinamicas
11 Ano de Escolaridade

1. Mostrando a data e hora

<HTML>
<HEAD>
<TITLE>Hora certa</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-today = new Date();
document.write("A data e hora agora " + today.toString())
//-->
</SCRIPT>
</BODY>
</HTML>

2. Associando eventos a botes de formulrio

<HTML>
<HEAD>
<TITLE> Boto de teste </TITLE>
<SCRIPT type="text/javascript">
function iteste() {
document.write("<h1>Oi<h1><p>Aps o <i>clique</i>, o documento foi
reescrito.<br> O ttulo tambm!")
document.title="Novo teste"
}
</SCRIPT>
</HEAD>
<BODY>
<FORM name="meuform">
<INPUT type="button" name="botao" value="teste" onclick="iteste()">
</FORM>
</BODY>
</HTML>

3. Validando formulrios com JavaScript

Criando um formulrio simples:
<HTML>
<HEAD>
<TITLE> Formulrio com JavaScript </TITLE>
</HEAD>
<BODY>
<H1> Formulrio de registro </H1>
<HR>
<FORM NAME="regform">
Nome: <INPUT NAME="nome" TYPE="TEXT" SIZE="20" MAXLENGTH="40" VALUE="">
<BR><BR>
<INPUT TYPE="BUTTON" VALUE="registrar">
</FORM>
</BODY>
</HTML>

Pg. 1/3

Acrescente uma funo JavaScript, logo aps <TITLE>

<HTML>
<HEAD>
<TITLE> Exemplo com JavaScript </TITLE>
<SCRIPT>
<!-function valida()
{
if (regform.nome.value == "")
{
alert("Voce esqueceu de fornecer seu nome");
return;
}
else regform.submit();
}
//-->
</SCRIPT>
</HEAD>

Acrescente um evento "onclick" ao boto que ative a funo valida:

4. Construindo uma calculadora simples.

Este programa cria uma calculadora utilizando javascript e formulrios. O utilizador fornece o valor no
campo "expr". O boto "calcula" ativa o script valida(). Este script faz uma verificao com o utilizador e
em caso afirmativo, ativa a a funo eval(). Esta funo utiliza o valor que estar no campo "expr"
(form.expr.value) e coloca o resultado em (form.expr.result) que um outro campo do formulrio.
<HTML>
<HEAD>
<SCRIPT>

</SCRIPT>
</HEAD>
<BODY>
<h1>Calculadora</h1>
<FORM>
Fornea uma 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>

Pg. 2/3

5. Eventos
<HTML>
<HEAD>
<TITLE>Teste</TITLE>
<SCRIPT language="JavaScript">
function pergunta()
{
nome = prompt("Qual seu nome?","");
document.open();
document.write("Ola "+nome+"!<BR>");
document.write("Voc acaba de carregar este documento.");
document.close();
}
function despedida()
{
alert("Espero que tenha gostado do site. At breve!");
}
</SCRIPT>
</HEAD>
<BODY onLoad="pergunta()" onUnload="despedida()">
Que site interessante.<BR>
Ou no ?
</BODY>
</HMTL>