Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Exemplos Javascript

    Enviado por

    Queijin Assis
    764 visualizações19 páginas

    Direitos autorais

    © Attribution Non-Commercial (BY-NC)

    Formatos disponíveis

    PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento

    Direitos autorais:

    Attribution Non-Commercial (BY-NC)
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    764 visualizações19 páginas

    Exemplos Javascript

    Enviado por

    Queijin Assis

    Direitos autorais:

    Attribution Non-Commercial (BY-NC)
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 19

    JavaScript

    Exemplos

    Exemplo 1
    <html> <head><title>Exemplo 1</title></head> <body> <script type=text/javascript> document.write(Primeira aula JavaScript); <script> </body> </html>

    Exemplo 2
    <html> <head><title>Exemplo 2</title></head> <!---O codigo foi feito em JS e embutido no cdigo html -----> <body> <script type="text/javascript"> var d = new Date(); time = d.getHours(); if (time < 12) { document.write("<b><h1> Bom dia </b></h1> <br>"); } else if (time < 18){ document.write("<b> <h1> boa tarde </b></h1>"); } else{ document.write(" <b><h1> boa noite </b></h1>"); } document.write("<h2>este texto foi escrito no arquivo JS e carregado no arquivo html</h2>"); </script> </body></html>

    Exemplo 3
    <html> <head><title>Exemplo</title></head> <!O cdigo foi feito em JS s chamado aqui, para facilitar a manuteno e garantir a separao entre os dois cdigos --> <body> <script src=codigo.js><script> </body> </html>
    codigo.js // Ao carregar o arquivo JavaScript, apresentada esta mensagem alert(Ol Exemplo!"); // Depois da primeira mensagem, apresentada a outra em seguida alert(Este mais um exemplo de script");

    Exemplo - Switch
    Codigo.js var d=new Date(); diasemana = d.getDay(); switch (diasemana){ case 1: document.write("<b><h1> A semana comeou, bom trabalho </b></h1> <br>"); break; case 5: document.write("<b> <h1> Urehhh, finalmente o fim de semana </b></h1>"); break; default: document.write(" <b><h1> Trabalhe malandro </b></h1>"); break; } document.write("<h2>Este texto foi escrito no arquvo JS e carregado no arquivo html</h2>");

    Exemplo For Loop

    Exemplo

    Exemplo Funo Produto

    Exemplo Fatorial de um n

    Exemplo Busca dia, hora e minutos

    Exemplo Soma de dois ns

    Exemplo - Comprimentar

    Exemplo Encontrar Nomes

    Validao de Dados
    Com o JavaScript podemos validar dados de um formulrio antes de envi-los para um servidor. Podemos dizer que uma validao do lado cliente. Algumas das vantagens deste tipo de validao que economiza trfego para o servidor, tem resposta mais rpida por atuar diretamente na mquina do cliente e envia os dados para o servidor executar quando estes j esto validados. Em contrapartida uma validao insegura uma vez que o cdigo fica visvel pode ser alterado e desta forma enviar dados invlidos para o servidor. Por isso sempre aconselhvel validar, tambm, os dados no servidor.

    Validao de Dados
    Quando temos um formulrio a ser enviado alguns campos podero ser de preenchimento obrigatrio, neste caso precisamos verificar se os mesmos no esto vazios quando o boto de envio for acionado. Existem vrios parmetros a serem validados, depende da situao e da sua necessidade. Outro exemplo de validao quanto ao email. Sabemos que todos emails contm o simbolo @, ento podemos nos utilizar deste smbolo para uma validao simples de email, para tanto podemos utilizar a funo indexOf() do JavaScript.

    Validao de Dados
    A funo indexOf() verifica se existe um caracter, ou mesmo uma string dentro da string que esta sendo consultada. Caso no encontre o valor procurado sempre retornar -1. Quando encontrado o que se deseja retorna o valor do ndice onde se encontra aquele caracter ou onde se comea a string procurada.
    Exemplo: Procurando o caracter @. a)Em nome@empresa.com retorna o valor 4 b) Em nome_de_algum retorna -1 pois o caracter no existe.

    Validao de Dados
    A funo indexOf()
    if ( formulario.email.value.indexOf(@,0)==-1){ alerta(Email invlido!!!); return false; }

    Exerccio

    Dados os formulrios desenvolvidos nas aulas de HTML, criar as validaes necessrias e apresentar.

    Você também pode gostar