Ir para conteúdo

POWERED BY:

Arquivado

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

Vergil

calculadora em javascript

Por , em Javascript

Recommended Posts

Vergil    15

Vergil
Postado

Comecei a fazer uma calculadora em js. Tem o botão de limpar (type=reset), os botões com os números da calculadora (type=button) e o botão que inverte o sinal (+/-). Em cada botão eu criei um evento onclick para que escreva o seu valor (o número correspondente) na caixa de texto (type=text). O que eu não consegui fazer foram os operadores (somar, subtrair, dividir, mult). Bem! Vou deixar o código aqui, assim fica mais fácil de entender. Espero que possam me ajudar.

 

<html><head><title>CALCULADORA</title></head><body onload="document.calc.visor.focus()"><form name=calc><table border=0><tr><td colspan=4><input type=text name="visor" value="" size=17 maxlength="15"></td></tr><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr><tr><td colspan=4 align=right><p><input type=reset value="limpar"></td></tr><tr><td></td></tr><tr><td></td></tr><tr><td><input type=button name="n7" value="  7  " onclick="calc.visor.value=calc.visor.value+7"></td><td><input type=button name="n8" value="  8  " onclick="calc.visor.value=calc.visor.value+8"></td><td><input type=button name="n9" value="  9  " onclick="calc.visor.value=calc.visor.value+9"></td><td><input type=button name="div" value="  /  "></td></tr><tr><td><input type=button name="n4" value="  4  " onclick="calc.visor.value=calc.visor.value+4"></td><td><input type=button name="n5" value="  5  " onclick="calc.visor.value=calc.visor.value+5"></td><td><input type=button name="n6" value="  6  " onclick="calc.visor.value=calc.visor.value+6"></td><td><input type=button name="mult" value="  *  "></td></tr><tr><td><input type=button name="n1" value="  1  " onclick="calc.visor.value=calc.visor.value+1"></td><td><input type=button name="n2" value="  2  " onclick="calc.visor.value=calc.visor.value+2"></td><td><input type=button name="n3" value="  3  " onclick="calc.visor.value=calc.visor.value+3"></td><td><input type=button name="sub" value="  -  "></td></tr><tr><td><input type=button name="n0" value="  0  " onclick="calc.visor.value=calc.visor.value+0"></td><td><input type=button name="mudar" value="+/- "  onclick="calc.visor.value=-calc.visor.value"></td><td><input type=button name="adi" value="  +  "></td><td><input type=button name="igual" value=" =  "></td></tr></table></form></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Vergil    15

Vergil
Postado

Valeu pela dica http://forum.imasters.com.br/public/style_emoticons/default/joia.gif .

 

Com ela pude inventar mais um pouco e acrescentei algumas coisas.

 

<html><head><title>CALCULADORA</title></head><body onload="document.calc.visor.focus()"><form name=calc><table border=0><tr><td colspan=5><input type=text name="visor" value="" size=24 maxlength="15"></td></tr><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr><tr><td colspan=2 align=right><p><input type=reset value=" limpar "></td><td align="right" colspan="2"><input type=button name="sen" value=" sen " onclick="calc.visor.value=Math.sin(calc.visor.value)"></td><td><input type=button name="cos" value=" cos" onclick="calc.visor.value=Math.cos(calc.visor.value)"></td></tr><tr><td></td></tr><tr><td></td></tr><tr><td><input type=button name="n7" value="  7  " onclick="calc.visor.value=calc.visor.value+7"></td><td><input type=button name="n8" value="  8  " onclick="calc.visor.value=calc.visor.value+8"></td><td><input type=button name="n9" value="  9  " onclick="calc.visor.value=calc.visor.value+9"></td><td><input type=button name="div" value="  /  " onclick="calc.visor.value=calc.visor.value+'/'"></td><td><input type=button name="raiz" value="sqrt " onclick="calc.visor.value=Math.sqrt(calc.visor.value)"></td></tr><tr><td><input type=button name="n4" value="  4  " onclick="calc.visor.value=calc.visor.value+4"></td><td><input type=button name="n5" value="  5  " onclick="calc.visor.value=calc.visor.value+5"></td><td><input type=button name="n6" value="  6  " onclick="calc.visor.value=calc.visor.value+6"></td><td><input type=button name="mult" value="  *  " onclick="calc.visor.value=calc.visor.value+'*'"></td><td><input type=button name="exp" value="pow" onclick="calc.visor.value=Math.pow(calc.visor.value,prompt('Informe o exponente:'))"></td></tr><tr><td><input type=button name="n1" value="  1  " onclick="calc.visor.value=calc.visor.value+1"></td><td><input type=button name="n2" value="  2  " onclick="calc.visor.value=calc.visor.value+2"></td><td><input type=button name="n3" value="  3  " onclick="calc.visor.value=calc.visor.value+3"></td><td><input type=button name="sub" value="  -  " onclick="calc.visor.value=calc.visor.value+'-'"></td><td><input type=button name="porc" value="  %  " onclick="calc.visor.value=calc.visor.value/100*prompt('Informe o percentual:')"></td></tr><tr><td><input type=button name="n0" value="  0  " onclick="calc.visor.value=calc.visor.value+0"></td><td><input type=button name="mudar" value="+/- "  onclick="calc.visor.value=-calc.visor.value"></td><td><input type=button name="adi" value="  +  " onclick="calc.visor.value=calc.visor.value+'+'"></td><td><input type=button name="igual" value=" =  " onclick="calc.visor.value=eval(calc.visor.value)"></td><td><input type=button name="tan" value=" tan " onclick="calc.visor.value=Math.tan(calc.visor.value)"></td></tr></table></form></body></html>

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