Formulario e JavaScript (1)

HTML - Formulários

Ambiente Gráfico ou Visual

Objetos

Propriedades Eventos Métodos

HTML - Formulários

Os formulários permitem dotar uma página web de elementos interativos

os quais possibilitam um diálogo com usuário da internet .

Os formulários são definidos por meio das etiquetas <form> e </form>.

Entre estas duas etiquetas pode-se colocar objetos de formulário que

serão vistos a seguir.

A marcação <form> tem os seguintes atributos.:

</form>

HTML - Formulários

Caixa de Texto e Propriedades

<input type=text name=“nome” maxlength = qtde. caracteres

size = tamanho caixa value = “conteúdo” readonly disabled>

Exemplo:

Endereço: <input type = text name=“endr” maxlength = 30 size = 30

value = “Seu endereço”>

Endereço: Seu endereço

Caixa de Texto tipo Senha e Propriedades

<input type = password name = “nome” maxlength = qtde.caracteres

size=tamanho caixa value = “conteúdo” readonly disabled >

Exemplo:

Senha: <input type = password name=“s1” maxlength = 8 size = 8>

Senha:

HTML - Formulários

HTML - FormuláriosMúltipla escolha e Propriedades

<input type = checkbox name=“nome” value = “conteúdo” checked

disabled>

Exemplo:

Esporte(s) que pratica:

<input type = checkbox name=“fut” value = “F”> Futebol

<input type = checkbox name=“vol” value = “V”> Vôlei

<input type = checkbox name=“bas” value = “B”> Basquete

<input type = checkbox name=“nat” value = “N”> Natação

Esporte(s) que pratica: Futebol Vôlei Basquete Natação

HTML - Formulários

Única Escolha e Propriedades

<input type = radio name=“nome” value = “conteúdo” checked

disabled>

O agrupamento de opções do botão RADIO é feita através da

propriedade NAME.

Exemplo:

Reside em:

<input type = radio name=“reside” value = “C” checked> Casa térrea

<input type = radio name=“reside” value = “A”> Apartamento

<input type = radio name=“reside” value = “S”> Sobrado

Reside em:

HTML - Formulários

Botões de Ação e Propriedades

Botão SUBMIT causa o envio dos dados de entrada para o servidor e para

outra página. Trabalha em conjunto com a marcação FORM e parâmetro

ACTION:

Exemplo:

Enviar dados

HTML - Formulários

Botão RESET restaura os valores iniciais das entradas de dados.

Exemplo:

Restaura página

HTML - Formulários

Botão do tipo BUTTON não têm comportamento pré-definido, sendo

usados apenas em scripts no lado cliente.

Exemplo:

Calcular

É uma imagem que age como botão submit.

HTML - Formulários

Imagem e Propriedades

HTML - Formulários

Caixa de Seleção e Propriedades

<option value = “valor” selected> texto </option>

<option value = “valor”> texto </option>

</select>

<option value="1">Analista de Sistemas</option>

<option value="2">Analista de Segurança</option>

<option value="3">Analista de Negócios</option>

<option value="4">Administrador de BD</option>

<option value="5">Administrador de Redes</option>

<option value="6">Programador</option>

</select>

HTML - Formulários

</select>

HTML - Formulários

<option value="1” selected>Analista de Sistemas</option>

<option value="3“>Analista de Negócios</option>

</select>

<option value="">-- Escolha uma função --</option>

</select>

HTML - Formulários

Área de Texto e Propriedades

O controle TEXTAREA é um campo de texto multi-linha. Os atributos rows e cols

definem o número de linhas de altura e o de "caracteres" de largura,

respectivamente.

Texto ....

</textarea>

Exemplo:

Entre com seus comentários.

</textarea>

HTML - FormuláriosAplicação – Cadastro de Alunos

HTML - FormuláriosAplicação – Cadastro de Alunos - Código

<html>

<body>

Faculdade Sabetudo<br>

Cadastro de Alunos<br></center>

<table>

<tr><td>Matrícula:</td><td><input type = text name="matricula" maxlength=9 size=9></td></tr>

<tr><td>Curso:</td><td>

<option value="">--- Escolha um dos cursos ---</option>

<option value="AS">Análise de Sistemas</option>

<option value="GR">Gerenciamento de Redes</option>

<option value="SI">Segurança da Informação</option>

<option value="BD">Banco de Dados</option>

<option value="ST">Sistemas para Internet</option>

<option value="GP">Gerenciamento de Projetos</option>

</select></td></tr>

<tr><td>Login:</td><td><input type = text name="login" maxlength=10 size=15></td></tr>

<tr><td>Senha:</td><td><input type = password name="senha" maxlength=6 size=6></td></tr>

</table><br>

Período:

Diurno<input type = radio name="per" value="D">

Noturno<input type = radio name="per" value="N" checked>

Idioma(s) (básico):

Inglês<input type = checkbox name="ing" value="I">

Espanhol<input type = checkbox name="esp" value="E">

Francês<input type = checkbox name="fra" value="F">

Alemão<input type = checkbox name="ale" value="A">

Observações:<br>

</form>

</font>

</body>

</html>

Desenvolvida pela NETSCAPE, a linguagem

JavaScript foi criada para trabalhar com aplicações

interativas nas páginas HTML.

Javascript é uma extensão do HTML (Linguagem

de Marcação de Hipertexto), os comandos JavaScript

são embutidos nas páginas HTML e interpretados pelo

browser, ou seja, o JavaScript não possui nenhum

procedimento de compilação e como tal, é utilizada

também para controlar dinamicamente o comportamento

de objetos nas páginas.

Javascript é compatível com os principais

navegadores em uso atualmente (IE, Mozila Firefox,

Chrome, Opera e Safari). Porém, devido a constantes

atualizações e lançamento de novas versões é

altamente recomendável que se faça testes nos mais

diversos browsers antes de disponibilizar uma aplicação

na WEB.

COMPATIBILIDADE ENTRE NAVEGADORES

Processamento de Dados

Conceitos Gerais

Entrada Processamento Saída

Dados Transformação Informação

Operações aritméticas (+, -, /, *) atribuição =Operações relacionais (<, >, ==, !=, >=, <=)

• Comparações:

• Seleções / Filtros

• Ordenação / Classificação

Operações lógicas (e, ou, não)

Criação do contexto,

cenário ou problemaAnálise e

programaçãoExecução

Pessoas / usuários Analistas / programadores Computador

Nomes de Variáveis ou Constantes

• Faz diferença entre nomes de variáveis com letras minúsculas e

maiúsculas:

Exemplo: Peso <> peso

• iniciar com letras:

Seguidos de letras, números ou traço baixo

peso = 80.5;

• Declaração:

Local: var peso = 80.5;

Global: peso = 80.5;

• não podemos definir um identificador com o mesmo nome que

uma palavra chave

If While Var For End

JavaScriptVariáveis / Constantes

• Espaço de memória de um certo tipo de dadoassociado a um nome para referenciar seu conteúdo.

JavaScript

Tipos de Dados

Tipo Conteúdo(s)

Boleano True ou False

Numérico -

inteiro ou

ponto flutuante

(real)

Conteúdos numéricos inteiros ou com casas

decimais.

Literal (String) Conteúdos alfanuméricos (caracteres

alfabéticos, numéricos e especiais (#, @, $,

Função Valor Retornado

parseInt() Número Inteiro

parseFloat() Número de Ponto

flutuante ou Real

eval() Resultado de

cálculos com literais

(“2 + 2“)

JavaScript

Funções de Conversão (string para numérico)

Comandos de Entrada, Processamento e Saída

variável = operações aritméticas;

JavaScript

Operadores Aritméticos

Operador Operação

* Multiplicação

/ Divisão

+ Adição

- Subtração

% Resto

( ) Alteração de

prioridade

Ambiente Gráfico ou Visual

Objetos

Propriedades Eventos Métodos

EVENTO MANIPULADOR DESCRIÇÃO

blur onBlur Ocorre quando o usuário retira o foco de um objeto

de formulário.

change onChange Ocorre quando o usuário muda o valor de um objeto

de formulário.

click onClick Ocorre quando o usuário clica sobre o objeto

focus onFocus Ocorre quando o usuário focaliza o objeto.

load onLoad Ocorre quando o usuário carrega a página.

unload onUnload Ocorre quando o usuário abandona a página.

mouseOver onMouseOver Ocorre quando o ponteiro do mouse passa sobre um

link ou âncora. Válidos apenas para hiperlinks.

select onSelect Ocorre quando o usuário seleciona um elemento de

um formulário.

JavaScript - Eventos

EVENTO MANIPULADOR DESCRIÇÃO

submit onSubmit Ocorre quando o usuário envia um formulário.

mouseDown onMouseDown Ocorre quando o botão do mouse é pressionado.

mouseMove onMouseMove Ocorre quando o ponteiro do mouse se movimenta

sobre o objeto.

mouseOut onMouseOut Ocorre quando o ponteiro do mouse afasta de um

objeto. Válidos apenas para hiperlinks.

mouseUp onMouseUp Ocorre quando o botão do mouse é solto.

keyDown onKeyDown Ocorre quando uma tecla é segurada.

keyPress onKeyPress Ocorre quando uma tecla é pressionada.

keyUp onKeyUp Ocorre quando uma tecla é solta.

JavaScript - Eventos

Os métodos são funções associadas aos objetos. Um objeto pode assim ser definido

em termos de propriedades, não só pelas suas variáveis, mas também pelos métodos que tiver

associados, que permitem não só realizar ações sobre as propriedades próprias do objeto, como

também outros tipos de operações diversas.

Objetos integrados no JavaScript

O JavaScript incorpora, uma série de objetos que permitem realizar as tarefas mais importantes

que se esperam realizar com esta linguagem.

Relativamente aos objetos que podem ser utilizados em scripts JavaScript, dividem-se em quatro

tipos:

Objectos para operações com Strings

Permitem efetuar várias operações com texto e sequências de caracteres.

Operações matemáticas

Implementam as operações matemáticas correntes.

Data e Hora

Esta família de objetos permite realizar operações com datas e horas.

Objetos relacionados com o browser

Permitem várias operações e manipulações ao nível do browser Web.

Métodos

JavaScript

Métodos - Strings

Propriedade:length

Comprimento da string (número de caracteres)

Métodos:charAt(posição)

Devolve o carácter localizado na posição indicada da String de texto.

slice(inicio,fim)

Define um pedaço de uma string entre as posições início e fim.

substr(inicio,comp)

Define uma substring, a partir de início e com o tamanho “comp".

toLowerCase()

Devolve uma String com todos os caracteres convertidos para minúsculas.

toUpperCase()

Idem, mas convertendo todos os caracteres para maiúsculas.

JavaScript

Métodos - Formatação

toLocaleString() - converte dados para formato local.Obs.: resultado varia de navegador e

não implementado no Google Chrome.

var nr = 25321.86;

alert(“Valor: “ + nr.toLocaleString());

</script>

toFixed(número de casas decimais)

var data = new Date();

alert("Hoje é: " + data.toLocaleString());

</script>

var nr = 25321.12352;

alert(“Valor: “ + nr.toFixed(3));

</script>

JavaScript

Operações Matemáticas

As operações matemáticas podem ser realizadas também por meio do objeto "Math".

Métodos:

abs(número)

Valor absoluto do "número", ou seja, sempre o valor independentemente do sinal

(positivo ou negativo).

pow(num,expoente)

Devolve "num" elevado a "expoente".

random()

Devolve um número aleatório entre 0 e 1.

round(número)

Arredonda "número" para o inteiro mais próximo.

Exemplo:

//Gerar um número aleatório inteiro entre 0 e 10

var y = 10*(Math.random()); //gera número

var z = Math.round(y)); // arrendonda

document.write("<br/>z = ", z);

JavaScript

Datas e Horas

O tratamento de datas e horas em JavaScript é realizado pelo objeto "Date". Para a utilização deste objeto é necessário

efetuar a criação de um objeto concreto (instância).

A criação de um objeto do tipo "Date" faz-se com a seguinte sintaxe:

nome_objeto = new Date(parâmetro);

Uma data pode ser referenciada do seguinte modo, AAAA,MM-1,DD.

Métodos:

getDate()

Devolve o dia do mês (inteiro entre 1 e 31).

getDay()

Devolve o dia da semana (0 = Domingo, 1 = Segunda-Feira, ... ,6 = Sábado).

getFullYear()

Devolve o ano correspondente à data, com quatro dígitos.

getHours()

Devolve a hora (inteiro entre 0 e 23).

getMilliseconds()

Devolve o campo milissegundos.

getMinutes()

Devolve os minutos (inteiro entre 0 e 59).

getMonth()

Devolve o mês (inteiro entre 0 = Janeiro e 11 = Dezembro).

getSeconds()

Devolve os segundos (inteiro entre 0 e 59).

getTime()

Devolve um inteiro com o número de milissegundos que se passaram desde 1 de Janeiro de 1970 às 0:00:00.

JavaScript

JavaScriptCaixas de Diálogos

alert() - caixa de diálogo informativa

alert("Esta é uma caixa de diálogo informativa.")

</SCRIPT>

prompt() - caixa de diálogo de entrada de dados simples

nome = prompt("Qual é o seu nome?","");

alert("Seu nome é " + nome);

</SCRIPT>

JavaScriptCaixas de Diálogos

confirm() - caixa de diálogo de confirmação.

retorna TRUE (botão OK) ou FALSE (botão Cancelar).

decisao = confirm("Clique em um botão!");

if(decisao)

alert("Você clicou no botão OK");

alert("Você clicou no botão CANCELAR");

</SCRIPT>

Exemplo - Calculadora

JavaScript

Formulário: calc

divisao adic subtr

Funções:

multiplica()

divide()

soma()

subtrai()

function multiplica()

calc.res.value = calc.op1.value * calc.op2.value;

function divide()

calc.res.value = calc.op1.value / calc.op2.value;

function soma()

calc.res.value = parseInt(calc.op1.value) + parseInt(calc.op2.value);

function subtrai()

calc.res.value = calc.op1.value - calc.op2.value;

</script>

<html>

<body>

Calculadora<br><br>

Operador 1 <input type=text name="op1" maxlength=4 size=2><p>

Operador 2 <input type=text name="op2" maxlength=4 size=2><p>

Resultado <input type=text name="res" size=2><p>

</form>

</font>

</body>

</html>

Calculadora - Código

JavaScript

Exercício - Média

JavaScript

Formulário: boletim

Função: calcmedia()

calc limpa

function calcmedia()

boletim.med.value = (parseFloat(boletim.n1.value) +

parseFloat(boletim.n2.value) + parseFloat(boletim.n3.value) +

parseFloat(boletim.n4.value)) / 4;

</script>

<html>

<body>

Boletim<br><br>

Nota 1 <input type=text name="n1" maxlength=4 size=3><p>

Média <input type=text name="med" size=4 readonly><p>

</form>

</font>

</body>

</html>

Exercício – Média - Código

JavaScript

Exercício – Consumo de Combustível

JavaScript

Função: calconsumo()

Formulário: consumo

Comandos de Entrada, Processamento e Saída

variável = operações aritméticas

estruturas de controle condicional

e de repetição

JavaScript

Operadores Relacionais

Operador Ação

> Maior

< Menor

>= Maior igual

<= Menor igual

== Igual

!= diferente

Operadores Lógicos

Operador Ação

Teste Resultado

Verdadeiro 1

Falso 0

JavaScript

Operador Ação

> Maior

< Menor

>= Maior igual

<= Menor igual

== Igual

!= diferente

Operador Ação

Estruturas de Controle Condicional

Relacionais Lógicos

<condição 1> || <condição 2> Resultado

<condição 1> && <condição 2> Resultado

JavaScript

Estrutura de Controle Condicional Simples

if( <condição>)

<comando>;

Exemplo

if( salario > 5000 && situacao == “Ativo”)

imposto = salario * 0,25;

sal_bruto = salario – imposto;

JavaScript

Estrutura de Controle Condicional Composta

if( <condição>)

<comando>;

Exemplo

if(idade >= 18 && sexo == “Masculino”)

situacao = “Alistamento”;

situacao = “Contingência”;

JavaScript

Exercício – Média c/ Situação

JavaScript

Média Situação

Maior igual a 6 APROVADO

Entre 3 e 6 EXAME

Menor que 3 REPROVADOFormulário: boletim

Função: calcmedia()

calclimpa

Exercício – Venda de Automóveis

JavaScript

marca modelo

motor { 1.01.41.8} value

f} value

txtmarca txtmodelovt

limpacalcFunção: calcvtot()

Formulário: vendauto

valuevalue

Estruturas de Controle de Repetição

Razão de utilização

JavaScript

Algoritmo para somar 10 números:

n -> 25 - 12 - 9 - 18 - 5 - 11 - 3 - 21 - 14 - 7

cont n

ac = 0

1 ac = ac + 25

2 ac = ac + 12

3 ac = ac + 9

4 ac = ac + 18

5 ac = ac + 5

6 ac = ac + 11

7 ac = ac + 3

8 ac = ac + 21

9 ac = ac + 14

10 ac = ac + 7

ac = 0;

for(cont=1; cont <= 10; cont = cont + 1)

// entrada dos números (n)

ac = ac + n;

Estrutura de Controle de Repetição - FOR

for(variavel = val.inicial; condição de finalização; incremento)

<comando>;

JavaScript

Exemplo - Tabuada

JavaScript

Formulário: tabuada

Função: calctab()

areatab

geratab limpa

Exercício - Investimento

JavaScript

Formulário: inv

areainv

Função: calcinv()calc

Estrutura de Controle de Repetição – WHILE

while(<condição>)

<comando>;

JavaScript

while(soma < 1000)

// gera e acumula números aleatórios entre 0 e 100

soma = soma + parseInt(Math.random() * 100);

document.write (soma + "<br>");

Exemplo

Exercício – Raiz Quadrada Exata

JavaScript

cc n ci r

1 16 1 15

2 15 3 12

3 12 5 7

4 7 7 0

Raiz Quadrada Exata

JavaScript

limpaFunção: calcrq()

Formulário: rq

Exercício – Raiz Quadrada não Exata

JavaScript

cc n ci r

1 19 1 18

2 18 3 15

3 15 5 10

4 10 7 3

5 3 9 - 6{

Raiz Quadrada - Completa

JavaScript

Exercício – Máximo Divisor Comum - MDC

JavaScript

Dividendo

Divisor

Quociente

152 32 4 24

32 24 1 8

24 8 3 0

Máximo Divisor Comum - MDC

JavaScript

limpaFunção: calcmdc()

Formulário: mdc

Layout de página – CSS e DIV

Layout de página

CSS e DIV

Código

<html>

<head>

font: 28pt "arial";

color: beige;

background: coral;

width: 620px;

text-align: center;

float: left;

font: 20pt "arial";

color: brown;

background: tan;

width: 250px;

height: 350px;

float: left;

font: 20pt "arial";

color: brown;

background: tan;

width: 370px;

height: 350px;

clear: both;

margin-left: 90px;

</style>

</head>

Layout de página

CSS e DIV

Código (continuação)

<body>

<div class="c1">Cadastro de Funcionários</div>

Matrícula<br>

Nome<br>

Data Nasc.<br>

Departamento<br>

Salário<br>

Sexo<br>

Idioma(s) (Básico)<br>

Resumo do Currículo Profissional

</div>

<option value="Administrativo">Administrativo</option>

<option value="Comercial">Comercial</option>

<option value="Engenharia">Engenharia</option>

<option value="Finanças">Finanças</option>

<option value="Tecnologia">Tecnologia</option>

</select><br>

Masculino<input type=radio name="sexo" value="M" checked>

Feminino<input type=radio name="sexo" value="F"><br>

Inglês<input type=checkbox name="ing" value="i">

Espanhol<input type=checkbox name="esp" value="e">

Francês<input type=checkbox name="fra" value="f"><br>

</div>

</div>

</form>

</body>

</html>

Formatação e Validação de Dados de Entrada

JavaScript

Formatação de Dados de Entrada

JavaScript

// a – Representa caracteres alfa (letras) (A-Z,a-z)

// 9 – Representa caracteres numéricos (números) (0-9)

// * – Representa caracteres alfanuméricos (letras e números) (A-Z,a-z,0-9)

jQuery.noConflict();

(function($) {

$(function() {

$('.mask-mat').mask('999.999.999-9'); //matricula

$('.mask-real').maskMoney({showSymbol:true,symbol:'R$ ', decimal:',',

thousands:'.', allowZero:true}); // valores monetários - precision:no. casas dec.

// inserir aqui outras funções.

})(jQuery);

</script>

JavaScript

<input type=text name="mat" maxlength=13 size=13 style="font:

16pt 'arial'; color: 'blue'" class="mask-mat"><br>

<input type=text name="salario" maxlength=13 size=11

style="font: 16pt 'arial'; color: 'blue'; text-align:right;"

class="mask-real"><br>

Matrícula

Salário

Dados de Entrada – Controle DatePicker

JavaScript

$('.calendario').datepicker({

dateFormat:'dd/mm/yy',

yearRange: '-100:-10',

showOn: "button",

buttonImage: "calendario.gif",

changeMonth: true,

changeYear: true,

dayNames: ['Domingo','Segunda','Terça','Quarta','Quinta','Sexta','Sábado','Domingo'],

dayNamesMin: ['D','S','T','Q','Q','S','S','D'],

dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sáb','Dom'],

monthNames:

['Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro

','Dezembro'],

monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set','Out','Nov','Dez']

Dados de Entrada – Controle DatePicker

function validados()

if(func.mat.value == "")

alert("Matrícula não informada!");

func.mat.focus();

exit();

</script>

Matrícula:

Validação de Dados de Entrada

<input type=button name="valida" value="Validação de Dados"

onclick = "validados()">

If(vermat(func.mat.value) == false)

alert("Matrícula incorreta!");

func.mat.focus();

exit();

012.345.678-9

Cálculo Dígito

Verificador

d1 d2 d3 d4 d5 d6 d7 d8 d9

0 1 2 3 4 5 6 7 8

0 + 9 + 16 + 21 + 24 + 25 + 24 + 21 + 16 = 156

Calcula o RESTO de 156 por 11

Se RESTO >= 2 → dígito = 11 - RESTO

Senão dígito = 0

156 / 11 = 14 RESTO 2

11 – 2 = 9

dígito = 9

function vermat(vmat)

//calcula digito

soma = 0;

peso=10;

for(i=0; i<=12; i=i+1)

if(i != 3 && i!=7 && i != 11 && i != 12)

d = parseInt(vmat.substr(i,1));

soma = soma + d * peso;

peso = peso - 1;

if(i == 12)

di = parseInt(vmat.substr(i,1));

r = soma % 11;

if(r >= 2)

dc = 11 - r; // dígito calculado

dc = 0; // dígito calculado

if(di == dc)

return true;

return false;

012.345.678-9

Validação dos demais dados

JavaScript

if(func.nome.value == "")

alert("Nome não informado!");

func.nome.focus();

if(func.nasc.value == "")

alert("Data Nascimento não informada!");

func.nasc.focus();

if(func.salario.value == "" || func.salario.value == "0,00")

alert("Salário não informado!");

func.salario.focus();

if(func.curr.value == "")

alert("Currículo não informado!");

func.curr.focus();

Validação dos demais dados

JavaScript

func.grava.disabled=false;

func.valida.disabled=true;

</script>

Terminando o código JavaScript

Formulario e JavaScript (1)

Documents

Transcript of Formulario e JavaScript (1)

Formulario PSU Matemática

Formulario Pca Atividades Industrial Versao 1 2006

Formulario Alteracao 09.08.2011

Formulario Medico Veterinario Pharmavet

JavaScript – Aplicações Interativas para a Weberiton.com.br/apostilas/3317_JavaScript.pdf · introduÇÃo a linguagem javascript.....9 java e javascript.....9

Formulario de Matemáticas (IV)

Formulario De Fisica

formulario relatorio DESOC

formulario conversão

Formulario De Ciencias

Formulario de Referencia

Formulario profissional

Formulario de Portabilidade

capacitação inventáriado turistico, formulario do 1 ao 12

FORMULARIO ÚNICO DE RECLAMO DE GASTOS MÉDICOS - … · formulario Único de reclamo de gastos mÉdicos. formulario Único de reclamo de gastos mÉdicos ...

Javascript (parte 1)

FORMULARIO COSMIATRIA ANTI-AGING

Formulario Mat 10-12-1 Excelente

ANEXOS. FORMULARIO PARA REALIZAR EL CENSOrepositorio.utn.edu.ec/bitstream/123456789/127/1/03... · anexos. formulario para realizar el censo a.1 registro de las industrias madereras

1 JavaScript. 2 JavaScript Introdução Fatos Sobre JavaScript Embutindo JavaScript no HTML Características da Linguagem: sintaxe objetos