Ambiente de Internet JavaScript Aula 1. Tipos de dados
|
|
|
- Lídia Sintra Osório
- 8 Há anos
- Visualizações:
Transcrição
1 Ambiente de Internet JavaScript Aula 1 Tipos de dados Number (numerico - para valores inteiros e reais) Boolean (logico - para valores lógicos do tipo falso/verdadeiro) String (caractere - sequencia de caracteres delimitados por aspas ou apostofos) Operadores aritméticos + adição - subtração * multiplicação / divisão % divisão ++ incremento -- decremento Estrutura do Javascript - Para definir a versão em uso usamos: <script language> SINTAXE <script language="javascript1.2"> [comandos em javascript] De uma forma geral escrevemos os codigos em javascript sem mencionar sua versão. <script language="javascript"> [comandos em javascript] usamos e com a finalidade de pular as linhas de codigo do script, caso o browser não suporte o codigo javascript.
2 Exemplo 1 <title>título</title> <script type = "text/javascript"> /*script de saudacao*/ var nome; nome = prompt('entre com seu nome: ', 'Digite-o aqui:'); document.write('oi'+nome+'esteja a vontade.'); </head> </body> </html> Exemplo 2 <title> Segundo programa </title> document.writeln("<h1> Bem vindo ao Javascript!</h1>"); </head><body></body></html> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" <meta content="text/html; charset=iso " http-equiv="content-type" /> <title></title> </head> <body> <form name="mform"> Entre nome:<input type="text" name="c1"> Entre sobrenome:<input type="text" name="c2"> </br> <input type="button" value="concatenar" onclick="mostranome( )"> </form> <script language="javascript"> var nome; var sobrenome; var nomecompleto; function mostranome(){ nome=document.mform.c1.value; sobrenome=document.mform.c2.value; nomecompleto=nome + " " + sobrenome;
3 alert("oi " +nomecompleto); </body> </html> Ambientes de Internet JavaScript aula 2 Evento com inteiro EXEMPLO <title>programa adicao</title> var numero1; var numero2; var resposta; function soma (){ numero1 = document.mform.c1.value; numero2 = document.mform.c2.value; resposta= parseint (numero1) + parseint (numero2); alert ('A soma equivale: ' + resposta.tostring ()); </head> <body> <form name="mform"> valor 1:<input type="text" name="c1"> valor 2:<input type="text" name="c2"></br> <input type="button" value="somar" onclick="soma()"> </form> </body> </html>
4 EXEMPLO var numero1; var numero2; var resposta; numero1 = prompt("entre valor 1:", 'Digite aqui'); numero2 = prompt("entre valor 2:", 'Digite aqui'); resposta = parseint(numero1) + parseint(numero2); document.write('soma:', resposta); Exemplo com Real e javascript dentro de <body>...</body> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" <meta content="text/html; charset=iso " http-equiv="content-type" /> <title>exemplo com Real</title> </head> <body> var HT, UH, PD, TD, SB, SL; HT = prompt('entre com horas trabalhadas: ', ' aqui'); VH = prompt('entre com valor da hora: ', ' aqui'); PD = prompt('entre com o percentual de desconto: ', ' aqui'); SB = parsefloat(ht) * parsefloat(vh); TD = parsefloat(pd)/100*sb; SL = SB -TD; document.write('salario Liquido = ', SL); </body> </html>
5 Operações Matemáticas Para usar as funções pre-definidas colocamos o objeto math Sintaxe: Math.[função] => ex.: PI e POW 1 - Desenvolva um programa que calcule o volume de uma lata: formula: volume = PI * Raio2 * altura <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" <meta content="text/html; charset=iso " http-equiv="content-type" /> <title>funções Pré-Definidas</title> </head> <body> var R, VOL, ALT; R = prompt('entre com o raio da lata: ', ' aqui'); ALT = prompt('entre com a altura da lata: ', ' aqui'); VOL = Math.PI*Math.pow(parseFloat(R),2)*parseFloat(ALT); document.write('volume = ', VOL); </body> </html> Algoritmo 1 - ler o valor do raio 2 - ler o valor da altura 3 - calcular volume = Math.PI*Math.pow(raio,2)*altura; 4 - Apresentar valor; Resposta var raio, altura, volume; raio = prompt('valor Raio: ', 'Aqui'); altura = prompt('valor Altura: ', 'Aqui'); Volume= math.pi*math,pow(parsefloat(raio),2)*parsefloat(altura); document.write('o volume: ', volume);
6 2 - Desenvolva um programa que apresenta como resultado o valor sorteado de forma randômica entre 0(zero) e 1(um) Ex.: <script type = "text/javascript"> var numero= math.random(); document.write('valor: ', numero); Solução 02 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" <meta content="text/html; charset=iso " http-equiv="content-type" /> <title></title> </head> <body> var NUMERO; NUMERO = Math.random(); document.write('valor = ', NUMERO); </body> </html>
7 3 - Ler uma temperatura em graus centigrados e apresente em graus fahrenheit formula => F=(9*C+160)/5 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" <meta content="text/html; charset=iso " http-equiv="content-type" /> <title></title> </head> <body> var F, C; R = prompt('entre com a temperatura em graus centigrados </body> </html> Ambiente de Internet Aula 3 JavaScript Operadores de Igualdade = = x é igual a y! = x não é igual a y Operadores Relacionais > maior que < menor que >= maior ou igual <= menor ou igual Estrutura de seleção if/else Exemplo: var num1;var num2; num1= prompt("entre Valor 1", 'Aqui'); num2= prompt("entre Valor 2", 'Aqui'); if(num1>num2)
8 document.write("o primeiro e maior "); else document.write("o segundo e maior "); 1 - Faça um programa que vai entra com a Nota de 0 a 100 var num1;var num2; num1= prompt("entre com a Nota", 'Aqui'); if(num1>=90) document.write("conceito A "); else if(num1>=80) document.write("conceito B "); else if(num1>=70) document.write("conceito C "); else if(num1>=60) document.write("conceito D "); else document.write("conceito E "); Operdores Logicos (e) and -> && (e comercial)- utilizado quando dois ou mais relacionamentos logicos necessitam ser verdadeiros. Condição 1 Condição 2 Resultado lógico F F F V F F F V F V V V (ou) or -> - utilizado quando Condição 1 Condição 2 Resultado lógico F F F V F V F V V V V V Operador Lógico...not:! V F F V
9 Exercício 1: Faça um programa em JavaScript que leia dois valores inteiros e independente da ordem em que foram entrados, apresentá-los na ordem crescente. Use uma variável auxiliar, usando um formulário para a entrada de dados.... Reposta: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" <meta content="text/html; charset=iso " http-equiv="content-type" /> <title>exercicio 1 - JavaScript</title> </head> <body> <form name="mform"> <h2><strong>colocando em ordem crescente</strong></h2> <h3>digite 2 valores...</h3><br> <label>valor 1: <input type="text" maxlength="30" name="v1" </label><br> <label>valor 2: <input type="text" maxlength="30" name="v2" ></label><br> <input type="button" name="bt" value="execute" onclick="crescente()"> var num1; var num2; var aux; function crescente() { num1=document.mform.v1.value; num2=document.mform.v2.value; if (num1 > num2){ document.write("ordem crescente: ", num2,", ",num1); else{ aux=num1; num1=num2; num2=aux; document.write("ordem crescente: ",num2,", ",num1); </form> </body> </html>
10 Exercicio 2: Ler 3 valores para os lados de um triangulo: A, B, C. Verificar se cada um é menor que a soma dos outros dois lados. Se for, saber se A==B e se B==C, sendo verdade o triangulo é equilatero. Se não, verificar A==B ou A==C ou se B==C, sendo verdade o triangulo é isosceles, caso contrario, o triangulo será escaleno. Se os lados não caracterizarem um triangulo, apresentar a ocorrencia. Resposta: var A, B, C; function calc() { if ((A<B+C) (B<A+C) (C<A+B)){ document.mform.saida.value("não é possível formar um triangulo com esses valores."); else{ if ( (A= =B) && (B= =C) ){ document.mform.saida.value("triângulo EQUILÁTERO."); else{ if ( (A= =B) (A==C) (B= =C) ){ document.mform.saida.value("triângulo ISÓSCELES."); else document.mform.saida.value("triângulo ESCALENO."); <form name= mform > Lado A: <input type= text name= LadoA ><br> Lado B: < input type= text name= LadoB ><br> Lado C: < input type= text name= LadoC ><br> <input type= button name="bt" value= Processar onclick= calc() > <br><br> <input type= text name= saida size= 25 > </form>
11 AULA JavaScript - while(repeticao)... Sintaxe: while (condicao) { <instrucoes>... Exemplo: var i=1; while (i<=10) { document.write('mensagem '+i+'<br>');... Fatorial: function Fatorial() { var fatorial=parseint(1); var contador=parseint(1); var n=parseint(document.mform.limite.value); while (contador<=n) { fatorial*=contador; contador+=1; document.mform.saida.value=fatorial;... DO WHILE... Sintaxe: do { <instrucao> while (condicao)... Exemplo: var i=1; do { document.write('mensagem '+i+'<br>'); i +=1;
12 while (i <= 10)... Instrucao FOR Sintaxe: for (inicio; fim; incremento) { <instrucao>... Exemplo: var i; for (i=1; i<=10; i++) { document.write(i + '<br>');... OPS! <<<fatorial*=contador>>> igual a <<<fatorial=fatorial*contador>>>... Exercicios: 1) Fazer um formulario para o exemplo do fatorial <form name="mform"> Calcule o fatorial de um nº qualquer.<br> Valor: <input type="text" name="limite"><br> <input type="button" onclick="fatorial()" name="bt_fat" value="calcular"><br> <input type="text" name="saida"> </form>... 2) Uma faculdade oferece um curso que prepara os alunos para o exame de licenciamento estadual. Escreva um programa que resuma os resultados. Voce recebeu uma lista desses 10 alunos. Ao lado de cada nome, está escrito 1, se aluno aprovado ou 2 se reprovado. (a) Inserir o resultado de cada exame (1 ou 2) Exibir mensagem "entrar com resultado" na tela. (b) Contar o nº de resultado (1 e 2) separados (c) Exibir o resumo do resultado (quantidade que passou e nao passou) (d) Se 8 ou mais alunos passaram -> Imprimir. "Aumentar a mensalidade" var cont, i; var aprovado; var reprovado;
13 var nome = new Array(11); var resultado = new Array(11); // Entrada de dados function Entra_dado() { for (cont=1; cont<=11; cont++) { nome[cont]=document.mform.aluno.value; resultado[cont]=parseint(document.mform.result.value); if (cont=11) { document.mform.aluno.visible=false; document.mform.result.visible=false; document.mform.bt1.visible=false; // Verificando e contando: aprovados e reprovados for (i=1; i<=11; i++) { if (resultado[i] = 1) { aprovado=aprovado+1; else { if (resultado[i] = 2) { reprovado=reprovado+1; document.mform.aprov.value=aprovado+" alunos aprovados"; document.mform.reprov.value=reprovado+" alunos reprovados"; //Mensalidade if (aprovado>=8){ alert("ops! Mais de 8 alunos foram aprovados. Aumente a mensalidade!!!"); <form name="mform"> Aluno: <input type="text" name="aluno"><br> Digite (1) para aprovado ou (2) para reprovado...<br> Resultado: <input type="text" name="result"> <input type="button" onclick="entra_dado()" name="bt1" value="armazenar"><br> <input type="text" name="aprov"><br> <input type="text" name="reprov"> <input> </form>
![visible=false; // Verificando e contando: aprovados e reprovados for (i=1; i<=11; i++) { if (resultado[i] = 1) { aprovado=aprovado+1; else { if (resultado[i] = 2) { reprovado=reprovado+1; document.](/docs-images/44/3421780/images/page_13.jpg "mform.aprov.value=aprovado+\" alunos aprovados\"; document.mform.reprov.value=reprovado+\" alunos reprovados\"; //Mensalidade if (aprovado>=8){ alert(\"ops! Mais de 8 alunos foram aprovados.")
14 AULA Estrutura de repetição while A estrutura de repetição permite ao programador especificar que um script deve repetir uma ação enquanto alguma condição permanece verdadeira. Exemplo: Enquato houver mais itens na minha lista de compras Comprar o próximo item e remove-lo da minha lista var produto = 2; while ( produto <= 1000 ) produto = 2 * produto; Quando a estrutura while conclui a execução, produto contém o resultado Quando o script entra na estrutura while, o produto é 2. O script repetidamente multiplica a variável produto por 2, assim produto assume os valores, 4, 8, 16, 32, 64, 128, 256, 512 e 1024, sucessivamente. Quando o produto se tornar 1024, a condição produto <=1000 na estrutura while tornar-se false. Estudo de Caso Uma classe de 10 alunos fez um questionário. As notas (inteiros no intervalo de 0 a 100) desse questionário estão disponíveis para você. Determine a média da classe no questionário. A média da classe é igual à soma das notas divididas pelo número de alunos(10 nesse caso). O algoritmo para resolver esse problema em um computador deve inserir cada uma das notas, realizar o cálculo da média e exibir o resultado. Algoritmo: Cofigurar total como zero Configurar o contador de nota como um Enquanto o contador de nota for menor ou igual a 10] Inserir a próxima nota Adicionar a nota no total Adicionar um ao contador de nota Configurar a média da classe como o total dividido por 10 Imprimir a média da classe.
15 <?xml version="1.0" encoding="windows-1252"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" " <html xmlns=" Created on: 11/5/ > <meta http-equiv="content-type" content="text/html; charset=windows-1252" /> <title>programa media</title> <script type = "text/javascript"> var total, contador, notas, media, nota; //Fase de inicializa total = 0; contador = 1; o //Fase de processamento while ( contador <= 10) { nota = window.prompt("entre com nota: ", "0"); notas = parseint(nota); total = total + notas; contador = contador + 1; media = total / 10; document.writeln("<h1>classe Media " + media + "</h1>"); //-> </head> <body> </body> </html> Desenvolver um programa de média de notas da classe que processe um número arbitrário de notas toda vez que o programa for executado. Algoritmo: Inicializar totol com zero Inicializar contador com zero Inserir a primeira nota (possivelmente o sentinela) Enquanto o usuário não inserir o sentinela Adicionar essa nota à soma total Adicionar um ao contador de nota Inserir a próxima nota (possivelmente o sentinela) Se o contador não for igual a zero
16 Configurar a média como o total dividido pelo contador Imprimir a média Caso contrário Imprimir Nenhuma nota foi inserida <?xml version="1.0" encoding="windows-1252"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" " <html xmlns=" Created on: 11/5/ > <meta http-equiv="content-type" content="text/html; charset=windows-1252" /> <title>programa media sentinela</title> <script type = "text/javascript"> var total, contador, valornota, media, nota; //Fase de inicializa total = 0; contador = 0; o nota = window.prompt("entre com a nota, -1 para Quit ", "0"); valornota = parseint(nota); //Fase de processamento while ( valornota!= -1) { total = total + valornota; contador = contador + 1; nota = window.prompt("entre com a nota, -1 para Quit ", "0"); valornota = parseint(nota); if (contador!= 0){ media = total / contador; else document.writeln("<h1>classe Media " + media + "</h1>"); document.writeln("<p>entre com notas</p>"); </head> <body> <p>clique Refresh para rodar novamente</p> </body> </html>
17 Para Fazer: Uma faculdade oferece um curso que prepara os alunos para o exame de licenciamento estadual para corretores imobiliários. No último ano, vários dos alunos que concluíram esse curso fizeram o exame de licenciatura. Naturalmente, a faculdade quer saber o desempenho de seus alunos no exame. Pediram-lhe para escrever um programa que resumisse os resultados. Você recebeu uma lista desses 10 alunos. Ao lado de cada nome, está escrito um 1 se o aluno passou no exame e um 2 se o aluno foi reprovado. 1. inserir o resultado de cada exame (isto é, um 1 ou um 2). Exibir a mensagem Entrar resultado na tela toda vez que o programa solicitar o resultado de outro exame. 2. contar o número de resultados de cada tipo de exame. 3. Exibir um resumo dos resultados do exame para indicar o número de alunos que passou e o número de alunos que foi reprovado. 4. Se mais de oito alunos passaram no exame, imprimir a mensagem Aumente o preço da mensalidade do curso. Algoritmo: Inicializar aprovados como zero Inicializar reprovados como zero Inicializar aluno como um Enquanto contador de aluno for menor que ou igual a 10 Inserir o próximo resultado do exame Se o aluno passou, Adicionar um a aprovados Caso contrário Adicionar um a reprovados Adicionar um ao contador de alunos Imprimir o número de aprovados e o número de reprovados Se mais de oito alunos passaram Imprimir Aumente a preço da mensalidade do curso Resposta: <?xml version="1.0" encoding="windows-1252"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" " <html xmlns=" Created on: 11/5/ > <meta http-equiv="content-type" content="text/html; charset=windows-1252" /> <title></title> <script type = "text/javascript"> //inicializando vari veis var passes = 0,
18 failures = 0, student = 0, result; //processa 10 estudantes while (student <= 10){ result = window.prompt("entre com resultado (1=passou, 2=reprovou", "0"); if (result =="1") passes = passes + 1; else failures = failures + 1; student = student + 1; //fase de conclus o document.writeln("<h1>resultados dos Exames</h1>"); document.writeln("aprovador: " + passes + "<br />Reprovados: " + failures); if (passes > 8) document.writeln("<br />Aumentar Mensalidade"); </head> <body> </body> </html> VETORES E MATRIZES Uma das técnicas de programação mais importantes é a utilização do conceito de vetores e matrizes. Permite trabalhar com agrupamento de vários dados em uma mesma variável. Desta forma economiza-se o volume de variáveis dentro do programa deixando os dados agrupados de forma mais organizada. VETORES OU MATRIZ DE UMA DIMENSÃO Vetor ou array é um grupo de posições da memória, todas com o mesmo nome e normalmente e normalmente do mesmo tipo. Os arrays de JavaScript são entidades dinâmicas, no sentido de que podem mudar de tamanho depois de serem criados. O primeiro elemento em cada array é o zero. Portanto, o primeiro elemento do array c é mencionado como c[0], o segundo elemento do array c é mencionado como c[1] e assim por diante. O número entre os colchetes chama-se índice. Este tipo de estrutura é muito utilizado na criação de tabelas internas ao programa. Caracteriza-se por ser definida uma única variável dimensionada com um determinado tamanho. A dimensão de uma matriz é constituída por constantes inteiras e positivas. Os nomes dados às matrizes seguem as mesmas regras de nomes utilizados em variáveis simples. Uma matriz é formada pelo conjunto de elementos nela dimensionada. Por exemplo matriz A com 10 elementos seria definida como var A new Array(9). Observe que os
19 elementos são numerados de 0 a 9, perfazendo assim a quantidade de dez elementos. Desta forma, a variável indexada A tem a capacidade de armazenar dez elementos diferentes de uma única vez. Uma matriz também pode ser dimensionada usando a sintaxe var A new Array(). Neste caso, estará sendo definida uma dimensão desconhecida. Sabendo-se apenas que o primeiro elemento possui índice zero. USANDO A FUNÇÃO ONLOAD <?xml version="1.0" encoding="windows-1252"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" " <html xmlns=" Created on: 16/5/ > <meta http-equiv="content-type" content="text/html; charset=windows-1252" /> <title>vetor 1</title> <script type = "text/javascript"> function start(){ var vetor = [1,2,3,4,5,6,7,8,9,10]; var total = 0; for (var i = 0; i < vetor.length; i++) total += vetor[i]; document.writeln("total: " + total); </head> <body onload = "start()"> </body> </html>
20
21 CLASSIFICANDO ARRAYS Classificar os dados (colocar os dados em alguma ordem particular, como crescente ou decrescente) é uma da funções mais importantes da computação. O objeto Array em JavaScript tem um método sort predefinido para classificar arrays. FORMULÁRIO E VALIDAÇÃO Para criar formulários, o código XHTML oferece uma série de tags relacionadas a este recurso, sendo estas: <form> e </form>; <input> e </input>; <select> e </select>; <option> e </option>. Um formulário é basicamente um conjunto de campos que serão preenchidos por um usuário.os dados informados são passados para um provedor de hospedagem (servidor WEB) e normalmente armazenados em arquivos ou banco de dados, os quais serão gerenciados por linguagens de scripts do tipo: CGI, PERL, ASP, PHP, etc. Vamos ver a validação de campos por intermédio da linguagem JavaScript. O conceito de validação se refere à possibilidade de verificar a validade da entrada de um dados efetuada por um usuário, ante de enviar esse dado ao provedor de acesso. EXEMPLO: VALIDAÇÃO DE CAMPOS EM BRANCO
22 <?xml version="1.0" encoding="windows-1252"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" " <html xmlns=" Created on: 18/5/ > <meta http-equiv="content-type" content="text/html; charset=windows-1252" /> <title>formul rio de Cadastro</title> <script type = "text/javascript"> function verifica(){ var nome = document.mform.nome.value; var endereco = document.mform.endereco.value; var cep = document.mform.cep.value; var cidade = document.mform.cidade.value; var = document.mform.mail.value; var cpf = document.mform.cpf.value; if(nome == '' endereco =='' cep == '' cidade == '' =='' cpf==''){ alert ('Todos os campos do formul rio devem estar preenchidos.'); return false; </head>
23 <body> <center><h1>cadastro</h1></center> <form name = "mform" onsubmit = "return verifica()"> <tt> Nome...:<input type="text" name = "nome" Endere o...:<input type="text" name = "endereco" CEP...:<input type="text" name = "cep" Cidade...:<input type="text" name = "cidade" /> /> size="45"><br/> size="50"><br/> size="9"><br/> size="25"><br/><br Estado...: <select name = "estado" size="1"> <option value="ac"> AC </option> <option value="al"> Al </option> <option value="am"> AC </option> <option value="ap"> AC </option> <option value="ba"> AC </option> <option value="ce"> AC </option> <option value="df"> AC </option> <option value="es"> AC </option> <option value="go"> AC </option> <option value="ma"> AC </option> <option value="mg"> AC </option> <option value="ms"> AC </option> <option value="pa"> AC </option> <option value="pb"> AC </option> <option value="pe"> AC </option> <option value="pi"> AC </option> <option value="pr"> AC </option> <option value="rj"> AC </option> <option value="rn"> AC </option> <option value="ro"> AC </option> <option value="rr"> AC </option> <option value="rs"> AC </option> <option value="sc"> AC </option> <option value="se"> AC </option> <option value="sp"> AC </option> <option value="to"> AC </option> </select> <br /><br /> ...:<input type = "text" name = "mail" size="15"><br /> CPF...:<input type = "text" name = "cpf" size="15"><br Sexo...: <input type="radio" name="sexo" value="masculino" checked>masculino <input type="radio" name="sexo" value="masculino">feminino <br /><br /><br /> <input type = "reset" value = "Limpar Formul rio"> <input type = "submit" value = "Enviar Formul rio"> <tt> </form> </body> </html> Ao executar o arquivo com algum campo em branco, será apresentada a mensagem: TODOS OS CAMPOS DO FORMULÁRIO DEVEM ESTAR PREENCHIDOS. Agora vamos tentar evitar que o usuário forneça o seu com erro ou mesmo verificar a validade do número de CPF informado.
24 Serpa utilizado o método indexof que efetua a localização de um determinado substring. Caso o substring não seja encontrado, é retornado o valor 1. Para tanto, altere a linha do formulário que apresenta o campo . Para: ...: <input type = text name = mail size= 15 onblur = checa() ><br /> abaixo da função verifica( ) antes da tag </head> digite a seguinte função. <?xml version="1.0" encoding="windows-1252"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" " <html xmlns=" Created on: 18/5/ > <meta http-equiv="content-type" content="text/html; charset=windows-1252" /> <title>formul rio de Cadastro</title> <script type = "text/javascript"> function verifica(){ var nome = document.mform.nome.value; var endereco = document.mform.endereco.value; var cep = document.mform.cep.value; var cidade = document.mform.cidade.value; var = document.mform.mail.value; var cpf = document.mform.cpf.value; if(nome == '' endereco =='' cep == '' cidade == '' =='' cpf==''){ alert ('Todos os campos do formul rio devem estar preenchidos.'); return false; <script type = "text/javascript"> function checa(){ var = document.mform.mail.value; if( .indexof('@') == -1 .indexof('.') == -1){ alert('este invalido.'); document.mform.mail.value = ''; document.mform.mail.focus(); </head> <body> <center><h1>cadastro</h1></center>
25 <form name = "mform" onsubmit = "return verifica()"> <tt> Nome...:<input type="text" name = "nome" Endere o...:<input type="text" name = "endereco" CEP...:<input type="text" name = "cep" Cidade...:<input type="text" name = "cidade" <br /> Estado...: <select name = "estado" size="1"> <option value="ac"> AC </option> <option value="al"> Al </option> <option value="am"> AC </option> <option value="ap"> AC </option> <option value="ba"> AC </option> <option value="ce"> AC </option> <option value="df"> AC </option> <option value="es"> AC </option> <option value="go"> AC </option> <option value="ma"> AC </option> <option value="mg"> AC </option> <option value="ms"> AC </option> <option value="pa"> AC </option> <option value="pb"> AC </option> <option value="pe"> AC </option> <option value="pi"> AC </option> <option value="pr"> AC </option> <option value="rj"> AC </option> <option value="rn"> AC </option> <option value="ro"> AC </option> <option value="rr"> AC </option> <option value="rs"> AC </option> <option value="sc"> AC </option> <option value="se"> AC </option> <option value="sp"> AC </option> <option value="to"> AC </option> </select> <br /><br /> ...:<input type = "text" name = "mail" onblur="checa()"><br /> CPF...:<input type = "text" name = "cpf" /> size="45"><br/> size="50"><br/> size="9"><br/> size="25"><br/> size="15" size="15"><br Sexo...: <input type="radio" name="sexo" value="masculino" checked>masculino <input type="radio" name="sexo" value="masculino">feminino <br /><br /><br /> <input type = "reset" value = "Limpar Formul rio"> <input type = "submit" value = "Enviar Formul rio"> <tt> </form> </body> </html> Observe que após verificar o erro do , o campo em questão é limpo com a instrução document.mform.mail.value = e em seguida o cursor é apresentado dentro do campo: document.mform.mail.focus( ). Note que focus( ) é um método do objeto window, o qual tem por finalidade efetuar a apresentação do cursor dentro de um determinado campo do formulário da janela ativa. VALIDAÇÃO DE CPF
26 Para validar um CPF é necessário utilizar um algoritmo específico, o qual tem por finalidade verificar a validade dos dois últimos números que são considerados o dígito verificador. O dígito verificador do número do CPF é calculado em duas etapas. A primeira calcula o décimo número (primeiro dígito verificador) e a segunda calcula o décimo primeiro número (segundo dígito verificador). Para este cálculo utiliza-se o módulo de divisão 11(onze). Para entender o processo de cálculo, considere o número do CPF como sendo Observe que o número é formado por um segmento com nove posições à esquerda do traço e por um segundo segmento com duas posições à direita do traço. As duas posições à direita representam o dígito verificador. A primeira etapa do cálculo consiste em pegar o primeiro segmento e distribuí-lo da seguinte forma, para obter o décimo número (primeiro dígito de verificação) Abaixo de cada valor a partir da esquerda colocam-se os valores: 10, 9, 8, 7, 6, 5, 4, 3, Em seguida efetua-se a multiplicação de cada coluna, conforme a seguinte indicação: Após ter obtido os valores das multiplicações de cada coluna, efetua-se o somatório deles. Desta forma, soma-se , obtendo então o valor 210. Em seguida pega-se o valor somado(210) e divide-se por 11. Considere como quociente apenas o valor inteiro, pois será o resto da divisão responsável pelo cálculo do primeiro dígito verificador. Assim sendo, 210 / 11 resulta um quociente igual a 19 e um resto igual a 1(um). Caso o valor do resto da divisão seja menor que 2 (dois), esse valor passa automaticamente a ser zero (que zera o caso do exemplo fornecido); caso contrário, é necessário subtrair o valor obtido de 11 (onze, que é o valor constante do módulo de divisão para o cálculo do CPF).
27 Tendo obtido o primeiro dígito verificador, anexa-se ao número do primeiro segmento que passa a ser formado pelo número A próxima etapa para o cálculo do segundo dígito verificador consiste em pegar o novo valor e distribuí-lo da seguinte forma: Abaixo de cada valor a partir da esquerda colocam-se os valores: 11, 10, 9, 8, 7, 6, 5, 4, 3, 2 conforme indicado a seguir: Em seguida efetua-se a multiplicação de cada coluna, conforme a seguinte indicação Após ter obtido os valores das multiplicações de cada coluna, efetua-se o somatório deles. Desta forma, soma-se , obtendo então o valor 255. Em seguida pega-se o valor somado (255) e divide-se por 11. Considere novamente como quociente apenas o valor inteiro, pois será o resto da divisão responsável pelo cálculo do segundo dígito verificador. Assim sendo, 255/11 resulta um quociente igual a 23 e um resto igual a 2(dois). Caso o valor do resto da divisão seja menor que 2(dois), esse valor passa automaticamente a ser zero; caso contrário (que é o caso, neste instante), é necessário subtrair o valor obtido de 11(onze, que é o valor constante do módulo de divisão para o cálculo de CPF). Desta dorma 11-2 resulta o valor 9(nove), que representa o segundo dígito verificador. Assim sendo, anexa-se esse valor ao número já existente , sendo este o segundo dígito verificador de um CPF. Basta então comparar os dois últimos valores informados com os dois últimos valores calculados. Se forem iguais, o CPF informado é válido. <?xml version="1.0" encoding="windows-1252"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" " <html xmlns=" Created on: 21/5/ > <meta http-equiv="content-type" content="text/html; charset=windows-1252" /> <title>exemplos js</title> <script type = "text/javascript"> function verifica(){ var nome = document.mform.nome.value; var endereco = document.mform.endereco.value;
28 var cep = document.mform.cep.value; var cidade = document.mform.cidade.value; var = document.mform.mail.value; var cpf = document.mform.cpf.value; if(nome == '' endereco =='' cep == '' cidade == '' =='' cpf==''){ alert ('Todos os campos do formulбrio devem estar preenchidos.'); return false; <script type = "text/javascript"> function checa(){ var = document.mform.mail.value; if( .indexof('@') == -1 .indexof('.') == -1){ alert('este й invalido.'); document.mform.mail.value = ''; document.mform.mail.focus(); <script type = "text/javascript"> function checarcpf(){ var numero = document.mform.cpf.value; var posicao, i, soma, dv, dvinformado; var digito = new Array(10); //retira do numero informado os dois ultimos digitos dvinformado = numero.substr(9,2); //desmembra o numero do cpf na matriz digito for (i=0; i<=8; i++){ digito[i] = numero.substr(i,1); //calcula o valor do decimo(10) - digito de verificacao posicao = 10; soma = 0; for (i=0; i<=8; i++){ soma = soma + digito[i] * posicao; posicao = posicao -1; digito[9] = soma % 11; if (digito[9] < 2){ digito[9] = 0; else { digito[9] = 11 - digito[9]; //calcula o valor do decimo primeiro(11) - digito de verificacao posicao = 11; soma = 0; for (i=0; i<=9; i++){ soma = soma + digito[i] * posicao; posicao = posicao -1; digito[10] = soma % 11; if (digito[10] < 2){
29 digito[10] = 0; else { digito[10] = 11 - digito[10]; //verifica se o DV calculado e igual ao informado dv = digito[9] * 10 + digito[10]; if (dv!= dvinformado){ alert('cpf INV LIDO'); document.mform.cpf.value = ''; document.mform.cpf.focus(); </head> <body> <center><h1>cadastro</h1></center> <form name = "mform" onsubmit = "return verifica()"> <tt> Nome...:<input type="text" name = "nome" Endereзo...:<input type="text" name = "endereco" size="50"><br/> CEP...:<input type="text" name = "cep" Cidade...:<input type="text" name = "cidade" <br /> Estado...: <select name = "estado" size="1"> <option value="ac"> AC </option> <option value="al"> AL </option> <option value="am"> AM </option> <option value="ap"> AP </option> <option value="ba"> BA </option> <option value="ce"> CE </option> <option value="df"> DF </option> <option value="es"> ES </option> <option value="go"> GO </option> <option value="ma"> MA </option> <option value="mg"> MG </option> <option value="ms"> MS </option> <option value="pa"> PA </option> <option value="pb"> PB </option> <option value="pe"> PE </option> <option value="pi"> PI </option> <option value="pr"> PR </option> <option value="rj"> AC </option> <option value="rn"> RN </option> <option value="ro"> RO </option> <option value="rr"> RR </option> <option value="rs"> RS </option> <option value="sc"> SC </option> <option value="se"> SE </option> <option value="sp"> SP </option> <option value="to"> TO </option> </select> <br /><br /> ...:<input type = "text" name = "mail" onblur="checa()"><br /> size="45"><br/> size="9"><br/> size="25"><br/> size="15" CPF...:<input type = "text" name = "cpf" onblur="checarcpf()"><br /> size="15" Sexo...: <input type="radio" name="sexo" value="masculino" checked>masculino
30 <input type="radio" name="sexo" value="masculino">feminino <br /><br /><br /> <input type = "reset" value = "Limpar Formulбrio"> <input type = "submit" value = "Enviar Formulбrio"> <tt> </form> </body> </html>
31 This document was created with Win2PDF available at The unregistered version of Win2PDF is for evaluation or non-commercial use only. This page will not be added after purchasing Win2PDF.
Introdução ao javascript ver material de apoio em downloads e também-referência livro javascript manzano.
Prof. Vania Gimenez- Notas de aula Caro aluno- Este material é só um apoio as aulas, os livros devem ser utilizados para o aprimoramento de seu estudo. -----------------------------------------------------------------------------------------------------------------
JavaScript (ou JScript)
1. Introdução JavaScript (ou JScript) Uma linguagem como o JavaScript permite criar interfaces interativas na web (permite a interação do usuário). Para desenvolver web sites interativos precisamos de
O código JavaScript deve ser colocado entre tags de comentário para ficar escondido no caso de navegadores antigos que não reconhecem a linguagem.
1 - O que é JAVASCRIPT? É uma linguagem de script orientada a objetos, usada para aumentar a interatividade de páginas Web. O JavaScript foi introduzido pela Netscape em seu navegador 2.0 e posteriormente
Exercícios Práticos de HTML e JavaScript. <FORM ACTION="mailto:teste@gmail.com" METHOD="POST" ENCTYPE="text/plain" NAME="cadastro">
Exercícios Práticos de HTML e JavaScript Exercício 1: Formulário Padrão HTML SEM JavaScript
Os objetivos indicados aplicam-se a duas linguagens de programação: C e PHP
AGRUPAMENTO DE ESCOLAS DE SANTA COMBA DÃO CURSO PROFISSIONAL DE TÉCNICO DE GESTÃO E PROGRAMAÇÃO DE SISTEMAS INFORMÁTICOS 2012-2015 PROGRAMAÇÃO E SISTEMAS DE INFORMAÇÃO MÓDULO 2 Mecanismos de Controlo de
O que é o JavaScript?
JavaScript Introdução O JavaScript é utilizado por milhões de páginas na web para melhorar o design, validar forms, e muito mais O JavaScript foi inicialmente desenvolvido pela Netscape e é a linguagem
CAPITULO 5 COMANDO DE FLUXO IF
CAPITULO 5 COMANDO DE FLUXO IF Sempre que for necessária a tomada de decisão dentro de um programa, você terá que utilizar um comando condicional, pois é por meio dele que o PHP decidirá que lógica deverá
Internet e Programação Web
COLÉGIO ESTADUAL PEDRO MACEDO Ensino Profissionalizante Internet e Programação Web 3 Técnico Prof. Cesar 2014 1 SUMÁRIO Criar sites dinâmicos em PHP --------------------------------------------------------
JavaScript: Validação de Formulários. Prof. Ivanilton Polato ipolato@utfpr.edu.br ipolato@gmail.com
JavaScript: Validação de Formulários Prof. Ivanilton Polato ipolato@utfpr.edu.br ipolato@gmail.com Validação de Formulários Um dos usos mais frequentes do JS é a validação de formulários. Além de garantir
Lista de operadores de comparação - > Maior que - < Menor que - <= Menor ou igual a - >= Maior ou igual a - === Igual a -!
Página1 Javascript JavaScript (JS) é uma linguagem de programação client side Funciona no navegador do usuário. É uma linguagem baseada em objetos. "Walmir".length; 6 Para que serve - fazer websites responder
Introdução ao Javascript
Programação WEB I Introdução ao Javascript Apresentação da Disciplina,Introdução a linguagem Javascript Objetivos da Disciplina Apresentar os principais conceitos da linguagem Javascript referente à programação
Desenvolvimento de Aplicações Web. Prof. José Eduardo A. de O. Teixeira www.vqv.com.br / j.edu@vqv.com.br
Desenvolvimento de Aplicações Web Programação Contextualização de aplicações Web: navegadores e servidores como interpretadores, tecnologias do lado do cliente (XHTML, CSS, Javascript) e do lado do servidor
Algoritmos em Javascript
Algoritmos em Javascript Sumário Algoritmos 1 O que é um programa? 1 Entrada e Saída de Dados 3 Programando 4 O que é necessário para programar 4 em JavaScript? Variáveis 5 Tipos de Variáveis 6 Arrays
HTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.).
HTML / JAVASCRIPT Estamos iniciando o estudo do HTML através das TAGS (comandos) para construir formulários. Isso facilitará a continuidade dos nossos estudos da linguagem de programação JavaScript, a
INTRODUÇÃO AO DESENVOLVIMENTO WEB
INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO Formulários Os formulários em HTML são usados para selecionar diferentes tipos de entradas do usuário. Um formulário é uma área que
OPERADORES E ESTRUTURAS DE CONTROLE
OPERADORES E ESTRUTURAS DE CONTROLE 3.1 Operadores Os operadores indicam o tipo de operação matemática que será executada gerando novos valores a partir de um ou mais operadores. São muito utilizados em
Criando um script simples
Criando um script simples As ferramentas de script Diferente de muitas linguagens de programação, você não precisará de quaisquer softwares especiais para criar scripts de JavaScript. A primeira coisa
WEBDESIGN. Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira
WEBDESIGN Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira Formulários e JavaScript Como visto anteriormente, JavaScript pode ser usada para
Programação Web Prof. Wladimir
Programação Web Prof. Wladimir Linguagem PHP @wre2008 1 Sumário PHP: Tipos de dados; Manipulação de dados; Utilizando formulário. @wre2008 2 Tipos de dados As variáveis são declaradas no momento de sua
Desenvolvimento Web XHTML Formulários. Prof. Bruno E. G. Gomes
Desenvolvimento Web XHTML Formulários Prof. Bruno E. G. Gomes 2014 Introdução Um recurso bastante utilizado no desenvolvimento Web é o envio de dados de uma página para o servidor quando fornecemos informações,
Programação para Internet I
Programação para Internet I Aulas 09 e 10 Fernando F. Costa nando@fimes.edu.br Formulários O formulário representa o modo mais importante de interatividade que a linguagem HTML oferece. Um formulário pode
2 echo "PHP e outros.";
PHP (Hypertext Preprocessor) Antes de qualquer coisa, precisamos entender o que é o PHP: O PHP(Hypertext Preprocessor) é uma linguagem interpretada gratuita, usada originalmente apenas para o desenvolvimento
Tecnologias para Web Design
Tecnologias para Javascript e DOM Introdução à Scripts Um script do lado cliente é um programa que acompanha um documento HTML Pode estar incluído no próprio documento embutido ou acompanha-lo num arquivo
Prof Evandro Manara Miletto. parte 2
Prof Evandro Manara Miletto parte 2 Sumário Estruturas de Controle Eventos Estruturas de controle características Estruturas de controle (ou condicionais) são executadas caso um teste seja atendido Permite
Para testar seu primeiro código utilizando PHP, abra um editor de texto (bloco de notas no Windows) e digite o código abaixo:
Disciplina: Tópicos Especiais em TI PHP Este material foi produzido com base nos livros e documentos citados abaixo, que possuem direitos autorais sobre o conteúdo. Favor adquiri-los para dar continuidade
Formulário (Send & Recieve) Prof. Celso H. Masotti
Formulário (Send & Recieve) Prof. Celso H. Masotti O Send e o Recieve A partir desse momento os exercícios serão realizados com dois arquivos, um de envio de dados (send) e o que recebe esse dados (recieve)
CAPÍTULO 3 - TIPOS DE DADOS E IDENTIFICADORES
CAPÍTULO 3 - TIPOS DE DADOS E IDENTIFICADORES 3.1 - IDENTIFICADORES Os objetos que usamos no nosso algoritmo são uma representação simbólica de um valor de dado. Assim, quando executamos a seguinte instrução:
Aula de JavaScript 05/03/10
Objetos Sabe-se que variável são contêiners que podem armazenar um número, uma string de texto ou outro valor. O JavaScript também suporta objetos. Objetos são contêiners que podem armazenar dados e inclusive
Scriptlets e Formulários
2 Scriptlets e Formulários Prof. Autor: Daniel Morais dos Reis e-tec Brasil Programação Avançada Para Web Página1 Meta Permitir ao aluno aprender a criar um novo projeto Java para web no Netbeans IDE,
O que é o Javascript?
O que é o Javascript? JavaScript é uma linguagem para criação de Home-Pages. Funções escritas em JavaScript podem ser embutidas dentro de seu documento HTML. Com JavaScript você tem muitas possibilidades
Linguagem de. Aula 06. Profa Cristiane Koehler cristiane.koehler@canoas.ifrs.edu.br
Linguagem de Programação IV -PHP Aula 06 Profa Cristiane Koehler cristiane.koehler@canoas.ifrs.edu.br Criação de Formulários o Um formulário consiste em uma série de campos que são preenchidos pelo usuário
Resumo da Matéria de Linguagem de Programação. Linguagem C
Resumo da Matéria de Linguagem de Programação Linguagem C Vitor H. Migoto de Gouvêa 2011 Sumário Como instalar um programa para executar o C...3 Sintaxe inicial da Linguagem de Programação C...4 Variáveis
JavaScript. JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos.
JavaScript JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos. Pode ser usada dentro do próprio arquivo HTML ou estruturada em um
Linguagem e Técnicas de Programação I Operadores, expressões e funções. Prof. MSc. Hugo Souza Material desenvolvido por: Profa.
Linguagem e Técnicas de Programação I Operadores, expressões e funções Prof. MSc. Hugo Souza Material desenvolvido por: Profa. Ameliara Freire Operadores básicos Toda linguagem de programação, existem
Introdução aos cálculos de datas
Page 1 of 7 Windows SharePoint Services Introdução aos cálculos de datas Aplica-se a: Microsoft Office SharePoint Server 2007 Ocultar tudo Você pode usar fórmulas e funções em listas ou bibliotecas para
Informática I. Aula 6. http://www.ic.uff.br/~bianca/informatica1/ Aula 6-12/09/2007 1
Informática I Aula 6 http://www.ic.uff.br/~bianca/informatica1/ Aula 6-12/09/2007 1 Ementa Noções Básicas de Computação (Hardware, Software e Internet) HTML e Páginas Web Internet e a Web Javascript e
Linguagem de Programação. Introdução ao PHP. Prof Mauricio Lederer Ciência da Computação - UNIANDRADE 1
Linguagem de Programação Introdução ao PHP 1 O que é PHP? - significa: Hypertext Preprocessor - uma das linguagens mais utilizadas para web - transforma sites estáticos em dinâmicos - atualização de páginas
EXERCÍCIOS. 2. Faça um algoritmo que receba dois números e ao final mostre a soma, subtração, multiplicação e a divisão dos números lidos.
EXERCÍCIOS 1. Faça um algoritmo que receba dois números e exiba o resultado da sua soma. 2. Faça um algoritmo que receba dois números e ao final mostre a soma, subtração, multiplicação e a divisão dos
1-03/11/03 INTRODUÇÃO
1-03/11/03 INTRODUÇÃO JavaScript é uma linguagem que permite injetar lógica em páginas escritas em HTML (HiperText Mark-up Language). As páginas HTML podem ser escritas utilizando-se editores de texto,
Capítulo 2: Introdução à Linguagem C
Capítulo 2: Introdução à Linguagem C INF1005 Programação 1 Pontifícia Universidade Católica Departamento de Informática Programa Programa é um algoritmo escrito em uma linguagem de programação. No nosso
mkdir /srv/www/default/html/calculadora/imagens mkdir /srv/www/default/html/calculadora/blocos
Programando em PHP www.guilhermepontes.eti.br lgapontes@gmail.com Criando uma Calculadora Primeiramente deve se criar uma estrutura para armazenar os arquivos necessários para o funcionamento da calculadora.
Utilizando Janelas e Frames
Utilizando Janelas e Frames Aprenderemos agora algumas técnicas mais específicas para fazer o JavaScript trabalhar com várias partes das páginas e navegadores da Web. Controlando janelas com objetos Já
PROGRAMAÇÃO ESTRUTURADA. CC 2º Período
PROGRAMAÇÃO ESTRUTURADA CC 2º Período PROGRAMAÇÃO ESTRUTURADA Aula 06: Ponteiros Declarando e utilizando ponteiros Ponteiros e vetores Inicializando ponteiros Ponteiros para Ponteiros Cuidados a serem
HTML (Hyper Text Markup Language) É a linguagem com que se escrevem as páginas web;
HTML Introdução Introdução ao HTML HTML (Hyper Text Markup Language) É a linguagem com que se escrevem as páginas web; É uma linguagem de hipertexto; Permite escrever texto de forma estruturada, que está
Programação WEB. Prof. André Gustavo Duarte de Almeida andre.almeida@ifrn.edu.br docente.ifrn.edu.br/andrealmeida. Aula III Introdução PHP
Programação WEB Prof. André Gustavo Duarte de Almeida andre.almeida@ifrn.edu.br docente.ifrn.edu.br/andrealmeida Aula III Introdução PHP Introdução PHP PHP=Hypertext Pre-Processor Linguagem de script open
INF 1005 Programação I
INF 1005 Programação I Aula 03 Introdução a Linguagem C Edirlei Soares de Lima Estrutura de um Programa C Inclusão de bibliotecas auxiliares: #include Definição de constantes:
CURSO BÁSICO DE PROGRAMAÇÃO AULA 7
CURSO BÁSICO DE PROGRAMAÇÃO AULA 7 Revisão para prova: Comandos de Entrada e Saída Estruturas de Decisão (Se, caso (escolha)) Laços de Repetição (Enquanto, Repita, Para) Relembrando Trabalho 1 Prazo de
Programação de Computadores I Pseudocódigo PROFESSORA CINTIA CAETANO
Programação de Computadores I Pseudocódigo PROFESSORA CINTIA CAETANO Pseudocódigo Pseudocódigo é uma forma genérica de escrever um algoritmo, utilizando uma linguagem simples (nativa a quem o escreve,
FORMULÁRIOS HTML (FORMS) E ENTRADAS DE DADOS (INPUT)
FORMULÁRIOS HTML (FORMS) E ENTRADAS DE DADOS (INPUT) Formulários (FORMS): Um formulário é uma área que pode conter elementos de formulário. Elementos de formulário são elementos que permitem ao usuário
LÓGICA DE PROGRAMAÇÃO. Vitor Valerio de Souza Campos
LÓGICA DE PROGRAMAÇÃO Vitor Valerio de Souza Campos Exemplos de algoritmos Faça um algoritmo para mostrar o resultado da multiplicação de dois números. Algoritmo em descrição narrativa Passo 1 Receber
JSP - ORIENTADO A OBJETOS
JSP Orientação a Objetos... 2 CLASSE:... 2 MÉTODOS:... 2 Método de Retorno... 2 Método de Execução... 2 Tipos de Dados... 3 Boolean... 3 Float... 3 Integer... 4 String... 4 Array... 4 Primeira:... 4 Segunda:...
Programação WEB I Estruturas de controle e repetição
Programação WEB I Estruturas de controle e repetição Operadores de Incremento Operadores de incremento servem como expressões de atalho para realizar incrementos em variáveis Operadores de Incremento Vamos
Conteúdo Dinâmico. Introdução. Interação Browser x Servidor Web. Interação Browser x Servidor Web
Introdução Formulários rios & Conteúdo Dinâmico Mário Antonio Meireles Teixeira Dept o. de Informática - UFMA A Web surgiu inicialmente como uma nova forma de comunicação de informações, fazendo uso de
Programação Web Prof. Wladimir
Programação Web Prof. Wladimir HTML - Formulários @wre2008 1 Sumário Formulários HTML @wre2008 2 Formulários: Muitos elementos de um formulário html são definidos pela tag . Cada tipo de elemento
Algoritmo. Linguagem natural: o Ambígua o Imprecisa o Incompleta. Pseudocódigo: o Portugol (livro texto) o Visualg (linguagem) Fluxograma
Roteiro: Conceitos básicos de algoritmo, linguagem, processador de linguagem e ambiente de programação; Aspectos fundamentais da organização e do funcionamento de um computador; Construções básicas de
CURSO BÁSICO DE PROGRAMAÇÃO AULA 9. Introdução a linguagem C Estruturas de decisão
CURSO BÁSICO DE PROGRAMAÇÃO AULA 9 Introdução a linguagem C Estruturas de decisão Introdução à Linguagem C Linguagem compilada. Desenvolvida sobre os paradigmas de programação procedural. Uma das linguagens
Javascript 101. Parte 2
Javascript 101 Parte 2 Recapitulando O Javascript é uma linguagem de programação funcional Os nossos scripts são executados linha a linha à medida que são carregados. O código que está dentro de uma função
JavaScript (Funções, Eventos e Manipulação de Formulários)
Linguagem de Programação para Web JavaScript (Funções, Eventos e Manipulação de Formulários) Prof. Mauro Lopes 1-31 23 Objetivos Iremos avançar um pouco mais em nosso estudo sobre o JavaScript. Iremos
Python Condicionais e Loops. Introdução à Programação SI1
Python Condicionais e Loops Introdução à Programação SI1 Conteúdo Comando de Decisão Comandos de Repetição Exercícios 13/06/2013 2 Condicional Controle de fluxo É muito comum em um programa que certos
Java Script Pág: 1. Índice
Java Script Pág: 1 Índice Índice... 1 Introdução ao JavaScript Básico... 2 Configurações... 2 Usando o Java Script.... 2 Comandos: script language - alert - /script... 3 Variáveis... 4 Regras para criar
MICROSOFT EXCEL AVANÇADO
MICROSOFT EXCEL AVANÇADO SE Retorna um valor se teste_lógico avaliar como VERDADEIRO e um outro valor se for avaliado como FALSO. Use SE para conduzir testes condicionais sobre valores e fórmulas e para
P r o g r a m a ç ã o d e C o m p u t a d o r e s 1 o S e m - 2 0 1 3 P r o f. A n d r é A m a r a n t e L u i z L A B 5 tag %2d while printf PE1:
Inteligência É a faculdade de criar objetos artificiais, especialmente ferramentas para fazer ferramentas. Henri Bergson. WHILE Além dos comandos if-else e switch, o controle de fluxo de um programa pode
Exercícios de Fixação Pseudocódigo e Estruturas Básicas de Controle
Disciplina: TCC-00.7 Prog. de Computadores III Professor: Leandro Augusto Frata Fernandes Turma: A- Data: / / Exercícios de Fixação Pseudocódigo e Estruturas Básicas de Controle. Construa um algoritmo
indica o nome do campo pelo qual podemos acessar.
Formulários Em geral Com o Javascript, os formulários Html tomam outra dimensão. Não esqueça que em Javascript, podemos acessar cada elemento de um formulário para, por exemplo, ler ou escrever um valor,
Formulários em HTML - O que são e para que servem
Formulários em HTML - O que são e para que servem A tag - Os atributos action e method A primeira coisa que iremos fazer é usar a tag para podermos usarmos formulários. Antes de entrarmos
Programação Básica em Arduino Aula 2
Programação Básica em Arduino Aula 2 Execução: Laboratório de Automação e Robótica Móvel Variáveis são lugares (posições) na memória principal que servem para armazenar dados. As variáveis são acessadas
Prof. Esp. Adriano Carvalho
Prof. Esp. Adriano Carvalho O que é um Programa? Um arquivo contendo uma sequência de comandos em uma linguagem de programação especifica Esses comandosrespeitam regras de como serem escritos e quais
PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL
PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Formulários HTML Aula 07: Formulários e Frames HTML Os formulários HTML são utilizados, geralmente, como entradas de dados prépreenchimento,
Organização de programas em Python. Vanessa Braganholo vanessa@ic.uff.br
Organização de programas em Python Vanessa Braganholo vanessa@ic.uff.br Vamos programar em Python! Mas... } Como um programa é organizado? } Quais são os tipos de dados disponíveis? } Como variáveis podem
Componentes da linguagem C++
Componentes da linguagem C++ C++ é uma linguagem de programação orientada a objetos (OO) que oferece suporte às características OO, além de permitir você realizar outras tarefas, similarmente a outras
Mais sobre uso de formulários Site sem Ajax
Mais sobre uso de formulários Site sem Ajax Página com busca padrão 1 Página com o resultado da busca carregada no local da anterior (o formulário está vazio) Site com Ajax 2 Site usando Ajax para preencher
Universidade Federal do Espírito Santo CCA UFES. Centro de Ciências Agrárias CCA UFES Departamento de Computação. JavaScript
Universidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação Universidade Federal do Espírito Santo CCA UFES JavaScript Desenvolvimento de Sistemas para WEB Site:
A lógica de programação ajuda a facilitar o desenvolvimento dos futuros programas que você desenvolverá.
INTRODUÇÃO A lógica de programação é extremamente necessária para as pessoas que queiram trabalhar na área de programação, seja em qualquer linguagem de programação, como por exemplo: Pascal, Visual Basic,
Webdesign A tag HEAD e as Meta tags
Webdesign A tag HEAD e as Meta tags Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net HEAD Como vimos anteriormente, o nosso documento HTML é
insfcanceof new public switch transient while byte continue extends for int null
Palavras -chave de JAV A abstract catch do final implements long private static throw void boolean char double finally import native protected super throws volatile break class float insfcanceof new public
Está apto a utilizar o sistema, o usuário que tenha conhecimentos básicos de informática e navegação na internet.
1. Descrição Geral Este manual descreve as operações disponíveis no módulo VTWEB Client, cuja finalidade é gerenciar cadastros de funcionários, realização de pedidos e controle financeiro dos pedidos.
Introdução à Lógica de Programação
Sistemas Operacionais e Introdução à Programação Introdução à Lógica de Programação 1 Estruturas de dados Representação computacional das informações do problema ser resolvido Informações podem ser de
COMO FUNCIONA UM FORMULÁRIO
FORMULÁRIOS Constitui-se numa das formas de a máquina cliente enviar informações para que um programa no servidor receba estes dados, processe-os e devolva uma resposta ao usuário, por meio do navegador,
Desenvolvendo Websites com PHP
Desenvolvendo Websites com PHP Aprenda a criar Websites dinâmicos e interativos com PHP e bancos de dados Juliano Niederauer 19 Capítulo 1 O que é o PHP? O PHP é uma das linguagens mais utilizadas na Web.
Lista de Revisão. 3. Analise a afirmativa a seguir como verdadeira ou falsa e justifique.
Lista de Revisão 1. Nos sistemas web, geralmente os usuários apresentam dois problemas típicos, a desorientação e a sobrecarga cognitiva. Discorra sobre esses problemas. 2. Apresente as principais diferenças
UNIVERSIDADE FEDERAL DO RIO GRANDE DO NORTE ESCOLA AGRÍCOLA DE JUNDIAÍ EAJ - PRONATEC / REDE etec MÓDULO III DESENVOLVIMENTO PROFESSOR ADDSON COSTA
UNIVERSIDADE FEDERAL DO RIO GRANDE DO NORTE ESCOLA AGRÍCOLA DE JUNDIAÍ EAJ - PRONATEC / REDE etec MÓDULO III DESENVOLVIMENTO PROFESSOR ADDSON COSTA RESUMO DE AULA CRIAÇÃO E MANIPULAÇÃO DO BANCO DE DADOS
Os componentes de um formulário são: Form, Input, Select e AreaText
HTML Formulário O elemento FORM, da HTML, é o responsável por prover documentos interativos no ambiente WWW de forma que uma pagina web exibida a um usuário possa submeter um conjunto de dados, informados
Dadas a base e a altura de um triangulo, determinar sua área.
Disciplina Lógica de Programação Visual Ana Rita Dutra dos Santos Especialista em Novas Tecnologias aplicadas a Educação Mestranda em Informática aplicada a Educação ana.santos@qi.edu.br Conceitos Preliminares
ESTRUTURA CONDICIONAL
AULA 6 ESTRUTURA CONDICIONAL 130 Tem como objetivo executar um conjunto de comandos caso uma condição lógica seja atendida. Quando a resposta lógica for falsa, nada será executado. Sintaxe Se CONDIÇÃO
Algoritmos e Programação. Prof. Tarcio Carvalho
Algoritmos e Programação Prof. Tarcio Carvalho Conceito de Lógica A utilização da lógica na vida do indivíduo é constante, visto que é ela quem possibilita a ordenação do pensamento humano. Exemplo: A
Memória Flash. PdP. Autor: Tiago Lone Nível: Básico Criação: 11/12/2005 Última versão: 18/12/2006. Pesquisa e Desenvolvimento de Produtos
TUTORIAL Memória Flash Autor: Tiago Lone Nível: Básico Criação: 11/12/2005 Última versão: 18/12/2006 PdP Pesquisa e Desenvolvimento de Produtos http://www.maxwellbohr.com.br contato@maxwellbohr.com.br
Web Design Aula 09: Formulários
Web Design Aula 09: Formulários Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Motivação Roteiro Tag ... Tag Tag ... Rádio Checkbox Atributo name Form Um
Lista de Exercícios. Vetores
Lista de Exercícios Vetores LINGUAGEM DE PROGRAMAÇÃO PROF. EDUARDO SILVESTRI. WWW.EDUARDOSILVESTRI.COM.BR ATUALIZADO EM: 13/03/2007 Página 1/1 1. Faça um programa que crie um vetor de inteiros de 50 posições
Resolução de problemas e desenvolvimento de algoritmos
SSC0101 - ICC1 Teórica Introdução à Ciência da Computação I Resolução de problemas e desenvolvimento de algoritmos Prof. Vanderlei Bonato Prof. Cláudio Fabiano Motta Toledo Sumário Análise e solução de
Introdução à Lógica de Programação
Introdução à Lógica de Programação Sistemas Numéricos As informações inseridas em um computador são traduzidos em dados, ou seja, em sinais que podem ser manipulados pelo computador. O computador trabalha
Aula 3 Desvio Condicional
Aula 3 Desvio Condicional ROTEIRO DA AULA Desvio Condicional Simples Desvio Condicional Composto Desevio Condicional Aninhado Desvio Condicional em JAVA 2 DESVIO CONDICIONAL Um desvio condicional é usado
FÓRMULAS DO MICROSOFT EXCEL
FÓRMULAS DO MICROSOFT EXCEL 1. SINAIS DE OPERAÇÕES 2. SINAIS PARA CONDIÇÃO SINAL FUNÇÃO SINAL FUNÇÃO + SOMAR > MAIOR QUE - SUBTRAÇÃO < MENOR QUE * MULTIPLICAÇÃO DIFERENTE QUE / DIVISÃO >= MAIOR E IGUAL
Introdução a Algoritmos Parte 04
Universidade Federal do Vale do São Francisco Curso de Engenharia de Computação Introdução a Algoritmos Parte 04 Prof. Jorge Cavalcanti jorge.cavalcanti@univasf.edu.br www.univasf.edu.br/~jorge.cavalcanti
Microsoft Excel 2007
Microsoft Excel 2007 O Microsoft Excel é um aplicativo para a construção e edição de planilhas eletrônicas, que permite o trabalho com: formulários, tabelas, gráficos e outros. 2.1 CONCEITOS INICIAIS:
2. OPERADORES... 6 3. ALGORITMOS, FLUXOGRAMAS E PROGRAMAS... 8 4. FUNÇÕES... 10
1. TIPOS DE DADOS... 3 1.1 DEFINIÇÃO DE DADOS... 3 1.2 - DEFINIÇÃO DE VARIÁVEIS... 3 1.3 - VARIÁVEIS EM C... 3 1.3.1. NOME DAS VARIÁVEIS... 3 1.3.2 - TIPOS BÁSICOS... 3 1.3.3 DECLARAÇÃO DE VARIÁVEIS...
Aluísio Eustáquio da Silva
1 Aluísio Eustáquio da Silva SciLab Programável Material didático usado em aulas de Programação de Computadores, Algoritmos e Lógica de Programação Betim Maio de 2012 2 PROGRAMAÇÃO O SciLab permite que
Programação Web com PHP. Prof. Wylliams Barbosa Santos wylliamss@gmail.com Optativa IV Projetos de Sistemas Web
Programação Web com PHP Prof. Wylliams Barbosa Santos wylliamss@gmail.com Optativa IV Projetos de Sistemas Web Agenda O que é PHP? O que da pra fazer com PHP? Como a web funciona? Onde, quando e por que