Calculadora Javascript [Javascript]

Calculadora Javascript

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

[ Hits: 12.548 ]

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

Botão para Adicionar seu Site como Home (Página Inicial)

grazielly

Sms tipo PHP para sites java ou Html

CSS com transparência

Naum mostra source e nem deixa selecionar!!

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