You are on page 1of 9

Exerccios de Reviso Introduo a Tecnologia Web - Professora: Ana Carolina Nicolosi da Rocha Gracioso

Segundo Semestre 2009 1. O que XHTML?

R: XHTML a sigla em ingls para EXtensible HyperText Markup Language que em portugus resulta em Linguagem Extensvel para Marcao de Hipertexto, uma aplicao XML, escrita para substituir o HTML e nada mais do que um HTML "puro, claro e limpo". 2. Quais as principais diferenas entre XHTML e HTML? R: As principais diferenas encontradas no XHTML em relao ao HTML so: todas as tags devem ser escritas em letras minsculas; as tags devem estar convenientemente aninhadas; os documentos devem ser bem formados; o uso de tags de fechamento obrigatrio; elementos vazios devem ser fechados; diferenas para os atributos. 3. O que um documento XHTML bem formatado? R: Um documento diz-se bem formado quando est estruturado de acordo com as regras definidas nas Recomendaes para XML. 4. O que JavaScript? R: JavaScript uma linguagem de programao usada para aumentar a interatividade de pginas Web. Um script JavaScript um programa includo em uma pgina HTML atravs da tag <SCRIPT>. A tag <SCRIPT> encontrada com maior freqncia dentro da seo <HEAD> embora possa ser utilizada em qualquer local da pgina. 5. Como surgiu o JavaScript? R: Na poca da guerra dos navegadores a Netscape lanou uma linguagem script para ser interpretada pelo seu navegador que chamou de LiveScript, posteriormente, para tornar a linguagem mais popular mudou o nome para JavaScript. 6. Quais as principais funcionalidades do JavaScript? R: Criar uma interface ativa com o usurio, sendo muito utilizada para validar dados, controlar o navegador (abrir janela, fechar janela, personalizar barra de rolagem, etc). Tambm utilizada em pginas que fazem o uso de DHTML e Ajax. 7. 8. O fonte JavaScript compilado ou interpretado? Onde? O que so objetos do JavaScript? R: Interpretado no navegador. R: No mundo real, um objeto alguma coisa que existe como por exemplo uma cadeira, uma bolsa, etc. Para o JavaScript, existem os objetos com que ele lida em navegadores Web, como janelas, formulrios, elementos do formulrio, dentre outros. 9. Cite 5 exemplos de objetos JavaScript. R: document, window, location, history, frame. 10. O que so eventos do JavaScript? R: So aes que o usurio executa enquanto visita a pgina. Exemplo: entrar na pgina, sair da pgina, clicar, passar o mouse, etc. 11. Cite e explique 9 eventos JavaScript. R: OnLoad: Ocorre quando a pgina carregada pelo browser. OnUnload: Ocorre quando o usurio sai da pgina. OnChange: Ocorre quando um campo que teve seu valor modificado perde o foco. OnBlur: Ocorre quando o elemento perde o foco. OnFocus: Ocorre quando o elemento recebe o foco.

Exerccios de Reviso Introduo a Tecnologia Web - Professora: Ana Carolina Nicolosi da Rocha Gracioso OnClick: Ocorre quando o elemento clicado. OnDbClick: Ocorre quando o elemento clicado. OnMouseover: Ocorre quando o cursor do mouse passa sobre o elemento. OnSelect: Ocorre quando o elemento selecionado. OnSubmit: Ocorre quando o formulrio submetido. 12. Qual a funo da tag <NOSCRIPT>? R: Definir um contedo alternativo para navegadores que esto com a execuo de script bloqueado. 13. Explique as maneiras de se inserir um fonte JavaScript em uma pgina HTML. R: Entre <script> ... </script> ou utilizando o atributo src na tag script para importar o cdigo de um arquivo externo. 14. O que so as palavras reservadas do JavaScript? Podemos utiliz-las para nomear variveis? Cite 20 palavras reservadas do JavaScript. R: Palavras reservadas so aquelas utilizadas nos comandos da linguagem, as quais no podem ser utilizadas como nomes de variveis. Exemplo: var, for, if, else, case, while, do, document, write, writeln, window, alert, prompt, confirm, function, isNaN, eval, history, location, open. 15. Quais as formas de inserir um comentrio em JavaScript? R: // e /* */ 16. Explique e de um exemplo de fonte para os seguintes mtodos: alert, confirm e prompt. R: O mtodo alert exibe uma janela de alerta para o usurio, o mtodo confirm tambm exibe uma janela de alerta, porm com dois botes, um para confirmar uma ao que retorna true para o cdigo e outro para cancelar que retorna false para o cdigo. O mtodo prompt exibe uma janela com um label e um input para entrada de dados. Exemplo: <script language="JavaScript" type="text/JavaScript"> <!-var nome = prompt("Digite seu nome",""); if(confirm("Quer ver seu nome?")){ alert("Seu nome : "+ nome); } --> </script> 17. Explique os principais operadores aritmticos, de atribuio e lgicos do JavaScript. R: Operadores Aritmticos: + soma (nmeros) ou concatena (string) - subtrao * multiplicao / diviso % MOD (resto da diviso inteira) -variavel inverte o sinal da variavel variavel++, ++variavel soma um a variavel variavel--, --variavel subtrai um da variavel Operadores de Atribuio: x=y define x com o valor de y x+=y o mesmo que x=x+y x-=y o mesmo que x=x-y x*=y o mesmo que x=x*y x/=y o mesmo que x=x/y

Exerccios de Reviso Introduo a Tecnologia Web - Professora: Ana Carolina Nicolosi da Rocha Gracioso x%=y o mesmo que x=x%y Operadores de Comparao (lgicos) == igual != diferente > maior >= maior ou igual < menos <= menor ou igual && e || ou ! no 18. Qual a diferena entre x++ e ++x? R: Junto a uma atribuio, o comando x++ primeiro atribui o valor de x e depois soma um a ele e ++x faz o oposto. 19. O que so os controladores especiais do JavaScript? Cite 3 exemplos e suas respectivas utilizaes. R: So comandos utilizados nos mtodos alert, prompt e confirm para inserir: \n quebra de linha \t tabulao \' aspas simples \" aspas duplas \\ barra invertida 20. No JavaScript o que so variveis locais e variveis globais? R: As variveis locais so as definidas dentro de uma funo e s esto acessveis para a funo, as globais so as variveis definidas fora das funes e esto disponveis para qualquer parte do script. 21. Quais os tipos de variveis existentes no JavaScript? R: Number: qualquer valor numrico. String: caracteres entre aspas. Boolean: tipo lgico (true/false). Null: vazio. Object: qualquer valor associado ao objeto. Function: valor retornado por uma funo. 22. Explique a funo isNaN. R: Retorna verdadeiro se o valor informado no for um nmero. 23. Qual o resultado dos fontes abaixo? <script> var x x = x*2+8/9; document.write(x); </script> R: NaN <script> var x x = x+"abc"; document.write(x); </script> R: undefinedabc <script> var x x = x; document.write(x); </script> R: undefined <script> var x,y x = x+y; document.write(x); </script> R: NaN

24. Qual a diferena entre o comando de repetio while e o comando de repetio do while? R: O comando while testa a condio no incio e se ela for falsa no executa nenhuma vez o bloco de instrues, j o comando do while executa ao menos uma vez o bloco de instrues que a condio s testada no final. 25. O que so funes?

Exerccios de Reviso Introduo a Tecnologia Web - Professora: Ana Carolina Nicolosi da Rocha Gracioso R: Na hora de fazer um programa levemente grande existem determinados processos que se podem conceber de forma independente, e que so mais simples de resolver que o problema inteiro. Ademais, estes costumam ser realizados repetidas vezes ao longo da execuo do programa. Estes processos podem se agrupar em uma funo, definida para que no tenhamos que repetir uma vez ou outra esse cdigo em nossos scripts, e sim, simplesmente chamamos a funo, e ela se encarrega de fazer tudo o que deve. 26. Em JavaScript como declaramos uma funo? R: function NomeFuncao(){ instrues da funo } 27. Escreva o fonte para uma funo JavaScript que faa a validao dos campos de um formulrio chamado cadastro segundo as seguintes regras: Campo nome: no pode estar em branco. Campo email: Deve conter o caractere arroba (apenas um). Campo idade: S pode conter valores numricos. Campo sexo (rdios m/f): Uma das opes deve ser selecionada. R: function validar(){ // Validao do nome if(document.cad.nome.value.length==0){ alert("Verifique o campo nome!"); return false; } // Validao do e-mail email = document.cad.email.value; cont = 0; for(i=0;i<email.length;i++){ if(email.charAt(i)=="@") { cont++; } } if(cont!=1){ alert("Verifique o campo e-mail!"); return false; } // Validao da idade if(isNaN(document.cad.idade.value)){ alert("Verifique o campo idade!"); return false; } // Validao do sexo sexo= document.cad.sexo; aux = false; for(i=0;i<sexo.length;i++){ if(sexo[i].checked){ aux = true; break;

Exerccios de Reviso Introduo a Tecnologia Web - Professora: Ana Carolina Nicolosi da Rocha Gracioso } } if(aux==false){ alert("Verifique o campo sexo!"); return false; } } 28. O que so funes intrnsecas? R: So funes prprias da linguagem 29. Explique as funes intrnsecas Eval(), parseInt() e parseFloat(). R: eval(): retorna o contedo da string, parseInt(): transforma string em inteiro e parseFloat(): transforma string em nmero com ponto flutuante. 30. Quais os mtodos do objeto Date em JavaScript? R: getDate(): dia do ms (1 a 31) getDay(): dia da semana (0 a 6) getMonth(): ms do ano (0 a 11) getYear(): ano (2008) getHours(): hora (0 a 12) getMinutes(): minutos (0 a 59) getSeconds(): segundos (0 a 59) 31. Escreva um fonte que exiba na tela a data e hora atuais. R: data = new Date(); dia = data.getDate(); mes = data.getMonth(); ano = data.getYear(); hora = data.getHours(); minuto = data.getMinutes(); segundo = data.getSeconds(); alert(dia+"/"+mes+"/"+ano+" "+hora+":"+minuto+":"+segundo); 32. Cite 5 funes intrnsecas matemticas e explique sua utilizao. R: Math.ceil(num): retorna o prximo inteiro maior que o nmero. (fica) Math.floor(num): retorna o prximo inteiro menor que o nmero. Math.round(num): retorna o valor inteiro, arredondado do nmero. Math.max(num1,num2,...): retorna o maior valor Math.min(num1,num2,...): retorna o menor valor 33. O que so Arrays? R: Nas linguagens de programao existem estruturas de dados especiais que nos servem para salvar informaes mais complexas do que simples variveis. Uma estrutura tpica em todas as linguagens o Array, que como uma varivel onde podemos introduzir vrios valores, ao invs de somente um como ocorre com as variveis normais. 34. Como declaramos um Array em JavaScript? R: NomeDoArray = new Array(); 35. Escreva um fonte que leia o Array abaixo e exiba todos os seus campos em uma tabela conforme o modelo.

Exerccios de Reviso Introduo a Tecnologia Web - Professora: Ana Carolina Nicolosi da Rocha Gracioso

<script> var cadastro = new Array ( new Array ("Nome","Mdia","Faltas"), new Array ("Fulano","10","0%"), new Array ("Ciclano","5","25%"), new Array ("Beltrano","8","15%") ) </script> R: document.write("<table border=2>"); for (i=0;i<cadastro.length;i++){ document.write("<tr>"); for (j=0;j<cadastro[i].length;j++){ document.write("<td>"); document.write(cadastro[i][j]); document.write("</td>"); } document.write("</tr>"); } 36. Utilizando o Move Condicional, escreva um fonte JavaScript que retorne o sexo por extenso em uma varivel chamada NomeSexo. R: <script> sexo = prompt("Digite o sexo (M/F)",""); nomesexo=((sexo=="M")?"Masculino":"Feminino"); alert(nomesexo); </script> 37. Escreva um fonte JavaScript que informado um nmero verifique se ele par ou mpar. R: <script> num = prompt("Digite um nmero",""); if(num%2==0) alert("Par"); else alert("mpar"); </script> 38. Escreva um fonte JavaScript que informado um nmero verifique se ele primo. R: <script> num = prompt("Digite um nmero",""); cont = 0; for(i=2;i<num;i++){ if(num%2==0){ cont++; Nome Fulano Ciclano Beltrano Mdia Faltas 10 5 8 0% 25% 15%

Exerccios de Reviso Introduo a Tecnologia Web - Professora: Ana Carolina Nicolosi da Rocha Gracioso } } if(cont==0) alert(" Primo"); else alert("No Primo"); </script> 39. Escreva um fonte JavaScript imprima a srie de Fibonacci para um nmero informado. R: Fibonacci: foi descrita pela primeira vez por Leonardo de Pisa para descrever o crescimento de uma populao de coelhos.

F0 F1 F2 F3 F4 F5 F6 F7 0 1 1 2 3 5 8 13

F8 21

F9 34

F10 55

Ser que o Nautilus Marinho estudou matemtica para construir sua casa?

Cdigo: <script> function fib(n){ if (n == 0) return 0; if (n == 1 || n == 2) return 1; else return fib(n-1) + fib(n-2); } num = prompt("Entre com um nmero",""); document.write("Fibonacci "+num+" = "+fib(num)); </script>

40. Escreva um fonte JavaScript que informado um nmero calcule seu fatorial.

Exerccios de Reviso Introduo a Tecnologia Web - Professora: Ana Carolina Nicolosi da Rocha Gracioso R: <script> num = prompt("Entre com um nmero",""); fat = 1; for(i=num; i>1; i--){ fat*=i; } alert(fat); </script> 41. Escreva um fonte JavaScript que gere uma tabela com 10 linhas e 3 colunas onde as duas primeiras colunas devem ser preenchidas com nmeros aleatrios. A terceira coluna deve conter a multiplicao das duas primeiras e a ltima linha de cada coluna deve conter a somatria de todas as linhas da coluna. R: <script> document.write("<table border=1>"); sx = 0; sy = 0; sz = 0; for(i=1; i<10; i++){ x = parseInt(Math.random()*10); y = parseInt(Math.random()*10); z = x*y; sx += x; sy += y; sz += z; document.write("<tr><td>"+x+"</td><td>"+y+"</td><td>"+z+"</td></tr>"); } document.write("<tr><td>"+sx+"</td><td>"+sy+"</td><td>"+sz+"</td></tr>"); document.write("</table>"); </script> 42. Escreva um fonte JavaScript que receba os valores digitados em dois campos de um formulrio (num1 e num2), calcule a soma e exiba o resultado no terceiro campo (res). R: function somar(){ n1 = parseInt(document.calc.num1.value); n2 = parseInt(document.calc.num2.value); document.calc.res.value = n1+n2; } 43. Escreva um fonte JavaScript que leia uma string e verifique se ela um palndromo. OBS: Suponha que a funo limpa_string(x) retorne a string informada sem os caracteres de espao, acentos e em minsculo. R: <script> p = prompt("Entre com uma palavra",""); p = limpa_string(p); x = p.length-1; y = x/2;

Exerccios de Reviso Introduo a Tecnologia Web - Professora: Ana Carolina Nicolosi da Rocha Gracioso aux = true; for(i=0;i<y;i++){ if(p.charAt(i)!=p.charAt(x)){ aux = false; break; } x--; } if(aux==true) alert(" um palindromo"); else alert("No um palndromo"); </script> 44. O que DHTML? R: Dynamic HTML, ou DHTML, a unio das tecnologias HTML, Javascript e uma linguagem de apresentao, como folhas de estilo CSS aliada a um Modelo de Objeto de Documentos, para permitir que uma pgina Web seja modificada dinamicamente na prpria mquina cliente, sem necessidade de novos acessos ao servidor web. 45. Cite exemplos de aplicaes DHTML. R: O DHTML da Microsoft, por exemplo, permite que se adicionem efeitos como sombra e non a imagens dentro de um documento HTML. Outro recurso conhecido como Fontes Dinmicas (Dynamic Fonts), da Netscape, permite que fontes sejam transmitidas pelo servidor junto com o documento HTML, possibilitando, a qualquer browser que implemente esse recurso, mostrar os caracteres exatamente como planejou o autor do documento. 46. Como devemos proceder para registrar um domnio e hospedar um site?

You might also like