Calculadora Javascript [Javascript]

Calculadora Javascript

Publicado por Perfil removido (última atualização em 01/09/2010)

[ Hits: 12.680 ]

Download calculadora.html

0 0

Denuncie Favoritos Indicar

Fiz uma calculadora em javascript, mas não consegui que ela fizesse mais de uma conta em uma execução. Sendo assim para fazer mais de uma conta em uma execução é preciso apertar AC para zerá-la. Aqui está!

Esconder código-fonte

<HTML>
<HEAD>
<TITLE>Calculadora - Caio Augusto</TITLE>
<style type="text/css">
.botao{
width:100%;
}
</style>
<script>
/*
E-mail:franknatus@hotmail.com
WebSite:http://www.moneygratis.net
Twitter:@lennonrangues
------------------------------
Aprenda! Aprimore! Compartilhe!
*/
var primeiro=0;
var lastcommand;
function escrever(valor)
{
    window.document.tela.screen.value=window.document.tela.screen.value+valor;
}
function salvavalor(nome)
{
   if(primeiro==0)
   {
      primeiro=window.document.tela.screen.value;
      window.document.tela.screen.value="";
      lastcommand=nome;
   }
   else
   {
      switch(lastcommand)
      {
      case '+':
         window.document.tela.screen.value=eval(primeiro+'+'+window.document.tela.screen.value);
         primeiro=window.document.tela.screen.value;
         return primeiro;
         break;
      case '-':
         window.document.tela.screen.value=primeiro-window.document.tela.screen.value;
         primeiro=window.document.tela.screen.value;
         return primeiro;
         break;
      case '/':
         window.document.tela.screen.value=(primeiro)/(window.document.tela.screen.value);
         primeiro=window.document.tela.screen.value;
         return primeiro;   
         break;
      case '*':
         window.document.tela.screen.value=primeiro*window.document.tela.screen.value;
         primeiro=window.document.tela.screen.value; 
         return primeiro;      
         break;
      }
   }
}
</script>
</HEAD>
<BODY>
<table valign="middle" align="center" border="1">
<tr>
  <td colspan="4"><form name="tela"><input type="text" size="20" name="screen"><input type="button" value="AC" onClick="primeiro=0;window.document.tela.screen.value='';"></form></td>
</tr>
<tr>
  <td><input type="button" onClick="escrever(this.value);" value="1" class="botao"></td>
  <td><input type="button" value="2" onClick="escrever(this.value);" class="botao"></td>
  <td><input type="button" value="3" onClick="escrever(this.value);" class="botao"></td>
  <td><input type="button" value="+" class="botao" OnClick="salvavalor(this.value);"></td>
</tr><tr>
  <td><input type="button" value="4" onClick="escrever(this.value);" class="botao"></td>
  <td><input type="button" value="5" onClick="escrever(this.value);" class="botao"></td>
  <td><input type="button" value="6" onClick="escrever(this.value);" class="botao"></td>
  <td><input type="button" value="-" class="botao" OnClick="salvavalor(this.value);"></td>
</tr><tr>
  <td><input type="button" value="7" onClick="escrever(this.value);" class="botao"></td>
  <td><input type="button" value="8" onClick="escrever(this.value);" class="botao"></td>
  <td><input type="button" value="9" onClick="escrever(this.value);" class="botao"></td>
  <td><input type="button" value="/" class="botao" OnClick="salvavalor(this.value);"></td>
</tr><tr>
  <td><input type="button" value="." onClick="escrever(this.value);" class="botao"</td>
  <td><input type="button" value="0" onClick="escrever(this.value);" class="botao"></td>
  <td><input type="button" value="=" class="botao" OnClick="window.document.tela.screen.value=salvavalor(lastcommand);"></td>
  <td><input type="button" value="*" class="botao" OnClick="salvavalor(this.value);"></td>
</tr>
</table>
</BODY>
</HTML>

Scripts recomendados

Relógio Modo Texto.

Scrool Marquee Java

Script de barra de maximinizar

Editor java html php asp e flash o melhor ja visto

radiograunafm

Comentários

[1] Comentário enviado por kheov em 26/10/2016 - 15:23h

<html>
<head>
<title>Calculadora</title>
</head>
<body>
<CENTER>
<h1>Calculadora!</h1>
</CENTER>
<CENTER>

<FORM NAME="Calculadora">

<TABLE BORDER="4">
<TR>
<ID> <INPUT TYPE="text" NAME="Input" SIZE="18"> <BR> </ID>
</TR>
<TR>
<TD>
<INPUT TYPE="button" NAME="um" VALUE=" 1 " onClick="Calculadora.Input.value += '1'">
<INPUT TYPE="button" NAME="dois" VALUE=" 2 " onClick="Calculadora.Input.value += '2'">
<INPUT TYPE="button" NAME="tres" VALUE=" 3 " onClick="Calculadora.Input.value += '3'">
<INPUT TYPE="button" NAME="somar" VALUE=" + " onClick="Calculadora.Input.value += ' + '">
<BR>
<INPUT TYPE="button" NAME="quatro" VALUE=" 4 " onClick="Calculadora.Input.value += '4'">
<INPUT TYPE="button" NAME="cinco" VALUE=" 5 " onClick="Calculadora.Input.value += '5'">
<INPUT TYPE="button" NAME="seis" VALUE=" 6 " onClick="Calculadora.Input.value += '6'">
<INPUT TYPE="button" NAME="menos" VALUE=" - " onClick="Calculadora.Input.value += ' - '">
<BR>
<INPUT TYPE="button" NAME="sete" VALUE=" 7 " onClick="Calculadora.Input.value += '7'">
<INPUT TYPE="button" NAME="oito" VALUE=" 8 " onClick="Calculadora.Input.value += '8'">
<INPUT TYPE="button" NAME="nove" VALUE=" 9 " onClick="Calculadora.Input.value += '9'">
<INPUT TYPE="button" NAME="times" VALUE=" x " onClick="Calculadora.Input.value += ' * '">
<BR>
<INPUT TYPE="button" NAME="clear" VALUE=" C " onClick="reset();">
<INPUT TYPE="button" NAME="zero" VALUE=" 0 " onClick="Calculadora.Input.value += '0'">

<INPUT TYPE="button" NAME="igual" VALUE=" = " onClick="Calculadora.Input.value = eval(Calculadora.Input.value)">

<INPUT TYPE="button" NAME="div" VALUE=" / " onClick="Calculadora.Input.value += ' / '">
</CENTER>
</body>
</html>

#html5 #vivaolinux

0 0