Aplicativos WEB_08-Calculadora

Prévia do material em texto

Aplicativos para Internet
Professor Paulo José de Carlo Almeida
Projeto
Criar uma calculadora WEB
Deverá ter uma página HTML chamada Calculadora.html
Deverá possuir as operações de somar, subtrair, dividir e multiplicar dois números
Os cálculos deverão ser feitos em JavaScript
Tela
DIV class=fundo
H1 class=titulo
IMG class=titulo
DIV class=linha
TEXT class=caixa
LABEL class=rotulo
BUTTON class=botao
DIV class=campo
Valor 1
Valor 2
X
_
Somar
Subtrair
Dividir
Multiplicar
Calculadora
000000000
SPAN class=resultado
Vamos começar
Crie um projeto no Netbeans (estamos usando em nossas aulas, porém você pode fazer em uma ferramenta que lhe ofereça as mesmas características)
Crie uma pasta chamada CSS na raiz do site
Crie uma pasta chamada JS na raiz do site
A Calculadora.html
Na página verifique as referencias do CSS e do JAVASCRIPT, elas são importantíssimas para o funcionamento
Perceba o uso das classes
O CSS
O JS
Valor 1
Valor 2
X
_
Somar
Subtrair
Dividir
Multiplicar
Calculadora
000000000
A Tela
Agora é com você (Exercícios)
Coloque os códigos do HTML necessários para ficar igual ao mostrado nos primeiros slides.
Coloque os códigos do CSS necessários para deixar com as cores e posições da tela mostrada nos primeiros slides.
Coloque os códigos do JS necessários para que todos os botões funcionem e os cálculos sejam feitos.