Introdução ao Java Script: conceitos, aplicações e práticas

ETAPA 4 (tempo para realização: 5 horas)

 Aula-tema: Introdução ao Java Script: conceitos, aplicações e prática. Java Script:

variáveis e tipos de dados. Java Script: comandos condicionais. Java Script:

comandos de repetição.

Esta atividade é importante para que você seja capaz de inserir códigos utilizando a

linguagem Java Script nas páginas Web, interagir com o usuário através dos recursos

disponíveis na linguagem Java Script e trabalhar com eventos de formulário criados com

HTML.

Para realizá-la, é importante seguir os passos descritos.

PASSOS

Passo 1 (Aluno)

Leia no livro-texto ou na bibliografia complementar como utilizar a linguagem Java Script

contemplando como trabalhar com variáveis, realizar cálculos e fazer chamadas de funções

Java Script através de eventos dos componentes de formulários HTML.

Passo 2 (Equipe)

Criem na página Contato um formulário para envio de e-mail. Nessa página a equipe deve

utilizar a linguagem Java Script para realizar as seguintes verificações:

 Ao clicar no botão Enviar, uma função Java script deve verificar se os campos

obrigatórios Nome e E-mail estão preenchidos. Caso não estejam, deverá ser

exibida uma mensagem alertando o usuário para preenchimento dos campos

obrigatórios (Nome e E-mail).

 O campo Nome deve conter no mínimo três caracteres e, ao mudar o foco do

campo Nome, uma função Java Script deve verificar o número mínimo de

caracteres. Caso seja menor que três, alertar o usuário sobre preenchimento

inválido e voltar o foco no campo Nome.

 No campo E-mail, ao mudar o foco, uma função Java Script deve verificar se o

formato do endereço de e-mail é válido. Em caso negativo, alertar o usuário

sobre preenchimento inválido e voltar o foco no campo E-mail.

Passo 3 (Equipe)

Criem na página Dicas de Saúde um formulário onde o usuário irá informar seu nome, peso

e altura. Nessa página a equipe deve utilizar comandos da linguagem Java Script para realizar

as seguintes verificações e cálculos:

 O campo Nome deve conter no mínimo três caracteres. Ao mudar o foco do

campo Nome uma função Java Script deve verificar o número mínimo de

caracteres e caso o número seja menor que três caracteres, alertar o usuário

sobre o preenchimento