Javascript: exercícios práticos 3
4
Ficha de Trabalho Nº 3 – Javascript Ano Lectivo: 2010/2011 Data: 14 /02 /2011 Curso: TGPSI Disciplina: RC Ano: 11ºF Nome: _________________________________________ N.º ___ Publica os exercícios no wikispaces com o respectivo printscreen. EXERCÍCIO: Revisões 1 <html> <head> <title>Soma valores</title> <script type="text/javascript"> <!-- Caso o browser não execute html function somaValor() { var x= 102; var y= 123; var soma= x + y; alert(result); return soma; } // --> </script> </head> <body> <form> <input type="button" value="Calcula" onClick="somaValor()"> </form> <script type="text/javascript"> document.write("Ababaste de somar: " + somaValor()); </script> </body> </html> EXERCÍCIO: Revisões 2 Muda o código para que os valores sejam fornecidos pelo utilizador e enviados como parâmetro na função. EXERCÍCIO 1 : Propriedades url MF. 1 Direcção Regional de Educação do Centro Equipa de Apoio às Escolas de Leiria Escola Secundária da Batalha 403600
-
Upload
miguela-fernandes -
Category
Documents
-
view
984 -
download
1
description
Exercícios práticos com Javascript para o Cursos TGPSI, módulo 5.
Transcript of Javascript: exercícios práticos 3
Ficha de Trabalho Nº 3 – Javascript
Ano Lectivo: 2010/2011
Data: 14 /02 /2011
Curso: TGPSI
Disciplina: RC Ano: 11ºF
Nome: _________________________________________ N.º ___
Publica os exercícios no wikispaces com o respectivo printscreen.
EXERCÍCIO: Revisões 1
<html><head><title>Soma valores</title><script type="text/javascript">
<!-- Caso o browser não execute html
function somaValor() {var x= 102;var y= 123;var soma= x + y;alert(result);return soma;
}// --></script></head>
<body><form>
<input type="button" value="Calcula" onClick="somaValor()"></form><script type="text/javascript">
document.write("Ababaste de somar: " + somaValor());</script></body></html>
EXERCÍCIO: Revisões 2Muda o código para que os valores sejam fornecidos pelo utilizador e enviados como parâmetro na função.
EXERCÍCIO 1 : Propriedades url <html><head> Endereço do site!</head><body>
O endereço desta página é: <script type="text/javascript">
MF. 1
Direcção Regional de Educação do CentroEquipa de Apoio às Escolas de Leiria
Escola Secundária da Batalha
403600
document.write(document.URL);</script>
</body></html>
EXERCÍCIO 2 – Propriedade title <html><head><title>Propriedade title</title></head><body>O título desta janela é: <script type="text/javascript">
document.write(document.title);</script>
</body></html>
EXERCÍCIO 3 – Propriedade domain <html><head><title>Propriedade domain</title></head><body>O nome do servidor de domínio usado para carregar esta página é:: <script type="text/javascript">
document.write(document.domain);</script>
</body></html>EXERCÍCIO 4 – Propriedade cookie
<html><head><title>Propriedade cookie</title></head><body>Os Cookies associados a esta página são: <script type="text/javascript">
document.write(document.cookie);</script></body></html>
EXERCÍCIO 5 – javascript abrir janelas
<html><head><script type="text/javascript"><!-- Caso o browser não execute htmlvar jan;function abreJan()
MF. 2
{jan=window.open('','janela','width=300,height=200');jan.document.write("<p>Esta janela tem o nome de: " + jan.name + "</p>");
}// --></script></head><body><input type="button" value="Abrir 'janela'" onclick="abreJan()" /></body></html>
EXERCÍCIO 6
Tendo por base o exercício anterior adiciona ao código um botão que permita também fechar a janela. Pesquisa que método usar para fechar a janela.
A função getElementById() é muito utilizada quando se pretende criar um site mais interactivo. Esta função permite-nos retornar um objecto de qualquer elemento na página que tenha um id único. Funciona na maioria dos browsers.
EXERCÍCIO 5 – Método getElementById() <html><head><title>Obter informação da página HTML</title></head><body><script type="text/javascript"><!-- Caso o browser não execute htmlfunction funDigitei(){
var varDigitei = document.getElementById('digitei');if(varDigitei.value != "")
alert("Acabaste de digitar: " + varDigitei.value)else
alert("Pode escrever algo s.f.f.?")}// --></script><input type='text' id='digitei' /> <!--Vou criar uma caixa de texto--><input type='button' onclick='funDigitei()' value='Verifica' /> <!--vou criar o botão--></body></html>
MF. 3
