Calculadora Javascript [Javascript]

Calculadora Javascript

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

[ Hits: 12.624 ]

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

Jogo Snake feito em TypeScript e Phaser 2 (com gráficos)

Mouse com frase girando em torno

Relógio Modo Texto.

Naum mostra source e nem deixa selecionar!!

Plugin para ordenar, paginar e pesquisar em tabelas HTML

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