Calculadora Javascript [Javascript]

Calculadora Javascript

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

[ Hits: 12.840 ]

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

Mostra o Endereço IP do visitante

Sms tipo PHP para sites java ou Html

Veja se a pagina possui som de fundo

Formata Campo Cnpj em javascript

Jogo Snake em HTML5

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