Você está aqui: Página Inicial › Disciplinas › TADS-2012 › Desenvolvimento de Sistemas Web › pratica › Aula Prática 06 - Exercitando Javascript

Aula Prática 06 - Exercitando Javascript

  1. Escreva e teste o código Javascript para permitir a exibição da tabuada (multiplicação) do número 6. Exiba a mesma em uma tabela (<table>). A tabela só será exibida após o clique em um botão.
  2. Escreva e teste o código Javascript para permitir a validação de um formulário com três campos. O primeiro campo deverá ter um valor numérico. O segundo um valor entre aspas duplas. E o terceiro uma data. Exiba uma janela de alerta com os "erros" de preenchimento, se existirem.
  3. Criar uma função em javascript que seja chamada pelo botão "validar" de forma que cada campo seja testado e, ao falhar, exiba uma mensagem indicando o campo que não atendeu ao critério adotado.
    1. Modificar a função de forma que após a verificação de todos os campos uma única mensagem somente seja exibida especificando todos os campos que não atendem ao ceritério adotado. DICA: use concatenação de Strings
    2. Modifique o formulário de forma que o botão "validar" passe a ser "enviar" e apareça desabilitado (use o atributo DISABLED na tag do botão). O botão não deverá chamar a função de validação. Altere função do item 2 de forma que ela deixe de emitir mensagens e passe a habilitar/desabilitar o botão "enviar" do formulário de acordo com o critério de validação adotado. A função de validação deverá ser chamada através de um evento de tempo. Para isto, é necessário cadastrar função através do comando window.setInterval("nomeDaFunção"),1000);, onde o primeiro argumento é o nome da função e o outro é o intervalo de tempo em milisegundos. Este comando deve ser executado no evento onLoad na TAG body da página.
    3. Critérios de validação dos campos:
      • Para o campo nome: estar preenchido com um texto qualquer;
      • Para o campo e-mail: estar com uma @ no meio do texto, sem espaços;
      • Para o campo mensagem: ter mais de 15 caracteres.
  4. Escreva e teste o código Javascript para destacar as linhas ímpares de uma tabela (4x4), com um conteúdo qualquer. Ao clicar em um botão, as linhas ímpares deixarão de ser destacadas e as linhas pares o serão em seu lugar.