Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Lincoln Faustino

o básico: JavaScript

Por , em Javascript

Recommended Posts

Lincoln Faustino    0

Lincoln Faustino
Postado

Olá! eu começei Estudar javascript ESTA Semana, e TALVEZ eu esteja metendo OS PES pelas Mão ...

mas Espero Que possam me ajudar.

 

HTML

 

<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Calculadora Js </ title>
<Link rel = tipo "folha de estilo" = "text / css" href = "reset.css">
<Link rel = tipo "folha de estilo" = "text / css" href = "estilo.css">
<Script type = "text / javascript" src = "codigo.js"> </ script>
</ Head>
<Class = corpo "Corpo">
<Div class = "container">
<Div class = "topo">
<H1> Calculadora JavaScript </ h1>
</ Div>
<Div class = "Calculadora">
<Form name = "calc">
<Div class = "calc-visor">
<Input type = "text" name = "viseira" id = "viseira" />
</ Div>
<Div class = "Teclado">
<Div class = "teclado-bloco">
<Input type = valor "botão" = "7" onclick = "botao (valor);">
<Input type = valor "botão" = "8" onclick = "botao (valor);">
<Input type = valor "botão" = "9" onclick = "botao (valor);">
<Input type = valor "botão" = "/" onclick = "Calcule (Dividir);">
</ Div>
<Div class = "teclado-bloco">
<Input type = valor "botão" = "4" onclick = "botao (valor);">
<Input type = valor "botão" = "5" onclick = "botao (valor);">
<Input type = valor "botão" = "6" onclick = "botao (valor);">
<Input type = valor "botão" = "*" onclick = "Calcule (multiplicar);">
</ Div>
<Div class = "teclado-bloco">
<Input type = valor "botão" = "1" onclick = "botao (valor);">
<Input type = valor "botão" = "2" onclick = "botao (valor);">
<Input type = valor "botão" = "3" onclick = "botao (valor);">
<Input type = valor "botão" = "-" onclick = "Calcule (subtrair);">
</ Div>
<Div class = "teclado-bloco">
<Input type = valor "botão" = "0" onclick = "botao (valor);">
<Input type = valor "botão" = "=" onclick = "Calcule ();">
<Input type = valor "botão" = "C" onclick = "reset ();">
<Input type = valor "botão" = "+" onclick = "Calcule (Somar);">
</ Div>
</ Div>
</ Form>
</ Div>
</ Div>
</ Body>
</ Html>
CSS
/ * Ferramentas * /
.corpo {
background-image: url (imagens / fundo.png);
}
.container {
width: 940px;
height: 700px;
margin: 0 auto;
background-color: white;
opacidade: 0,5;
}
/ * Topo * /
.topo {
background-color: gray;
opacidade: 0,7;
padding: 10px;
}
h1 {.topo
font-size: 30px;
font-family: Arial;
font-weight: 900;
color: # 0000FF;
text-align: center;
}
/ * Corpo * /
.calculadora {
width: 300px;
margin: 0 auto;
margin-top: 40px;
}
#visor {
background-color: # 0000FF;
opacidade: 0,5;
color: white;
text-align: center;
width: 100%
}
.teclado {
margin: 10px 10px auto auto;
width: 40%;
padding: 5px;
margin-bottom: 1px;
}
entrada .teclado-bloco {
width: 25px;
background-color: white;
border: cinza sólido 2px;
font-size: 11px;
margin-bottom: 10px;
padding: 5px;
}
JavaScript
função botao (num) {
var Salvo = document.calc.visor.value;
document.calc.visor.value = Salvo + num;
}
função reset () {
// Codigo de para limpar o visor.
document.calc.visor.value = "";
}
Calcule função () {
// Codigo parágrafo Calcular o visor.
// Pegar o valor do visor los UMA variavel.
// Fazer o calculo: eval
// Pegar o Resultado e colocar no visor
var RESPOSTA = eval ()
document.calc.visor.value = RESPOSTA;
}
POIs Bem eis a Minha duvida:
Como Faço Para Fazer o calculo com apenas hum "viseira"?

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

wilnet    92

wilnet
Postado

Veja se esse Script te ajuda.

 

LINK

Compartilhar este post

Link para o post
Compartilhar em outros sites

angelorubin    142

angelorubin
Postado

Pretende aprender javascript mesmo de verdade a fundo? Vou insistir, tem certeza? (para não dizer que não sou um cara legal hein ! rsrs

 

Abra o link e sinta o drama - http://addyosmani.com/resources/essentialjsdesignpatterns/book

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito