Calculadora Javascript [Javascript]

Calculadora Javascript

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

[ Hits: 12.758 ]

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

Campo de pesquisa do VOL no Mozilla Firefox !!!

Teste de Conexão

Músicas kboing

Objetos, Arrays e Métodos

jones ribeiro

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