xCalc: Calculadora [Javascript]

xCalc: Calculadora

Publicado por EVERTON DA ROSA 26/02/2007

[ Hits: 8.886 ]

Homepage: http://everton3x.github.io

Download xcalc.htm

0 0

Denuncie Favoritos Indicar

A xCalc é uma calculadora que utiliza JavaScript como linguagem de programação, e oferece ao usuário uma interface diferente: em vez de clicar em botões, o usuário digita o cálculo que deseja fazer, o que torna a calculadora uma ferramenta ágil e rápida.

Seus recursos são: armazenagem do histórico de cálculos e quatro posições de memória, além de um simples sistema de ajuda.

Recomendo abri-la em um pop-up.

Esconder código-fonte

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>xCalc</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="JavaScript">

function historico(string){
   document.all.fita.value+=string;
}

function calcular(cmd){
   cmd=cmd.replace(",",".");
   var result=eval(cmd);
   cmd=cmd.replace(".",",");
   document.all.visor.value=cmd;
   document.all.cmd.value=result;
   var hist=cmd + "=" + result + "\n";
   historico(hist);
   focar();
}

function focar(){
   document.all.cmd.focus;
}

function inm(mem,vlr){
   document.getElementById(mem).value=vlr;
}

function outm(id){
   var mem=document.getElementById(id).value;
   var cmd=document.all.cmd.value;
   vlr=cmd + mem;
   document.all.cmd.value=vlr;
   document.all.cmd.focus();
}

function ajuda(id){
   var help=new Array();
   help[0]="Neste campo é exibido o histórico de operações realizadas na calculadora e seus resultados.";
   help[1]="Aqui é exibida a última operação realizada na calculadora.";
   help[2]="Aqui você deve digitar a expressão matemática a ser executada.\nPodem ser utilizados parênteses para expressões compostas de vários cálculos.\nPressione ENTER para realizar o cálculo.";
   help[3]="Esta é a memória de cinco posições, ou seja, pode armazenar cinco números ao mesmo tempo.\nPara guardar o que é exibido na calculadora, clique na posição de memória e pressione M.\nPara passar o conteúdo da memória para a calculadora, dê um duplo clique na memória desejada.";
   alert(help[id]);
}
</script>
</head>

<body onLoad="focar()">

<fieldset><legend id="ffita" onClick="ajuda('0')">Ajuda</legend>
<textarea id="fita" name="fita" cols="40" rows="10" readonly></textarea>
</fieldset>

<fieldset><legend id="fvisor" onClick="ajuda('1')">Ajuda</legend>
<input name="visor" type="text" id="visor" size="50" readonly="true">
</fieldset>

<fieldset><legend id="fcmd" onClick="ajuda('2')">Ajuda</legend>
<input id="cmd" name="cmd" type="text" size="50" onKeyPress="if ((window.event ? event.keyCode : event.which) == 13) { calcular(this.value); }">
</fieldset>

<fieldset><legend id="fmem" onClick="ajuda('3')">Ajuda</legend>
<input name="mem1" type="text" id="mem1" size="5" onKeyPress="if ((window.event ? event.keyCode : event.which) == 109) { inm(this.id,document.all.cmd.value); }" onDblClick="outm(this.id)" readonly="true">
<input name="mem2" type="text" id="mem2" size="5" onKeyPress="if ((window.event ? event.keyCode : event.which) == 109) { inm(this.id,document.all.cmd.value); }" onDblClick="outm(this.id)" readonly="true">
<input name="mem3" type="text" id="mem3" size="5" onKeyPress="if ((window.event ? event.keyCode : event.which) == 109) { inm(this.id,document.all.cmd.value); }" onDblClick="outm(this.id)" readonly="true">
<input name="mem4" type="text" id="mem4" size="5" onKeyPress="if ((window.event ? event.keyCode : event.which) == 109) { inm(this.id,document.all.cmd.value); }" onDblClick="outm(this.id)" readonly="true">
</fieldset>
</body>
</html>

Scripts recomendados

Tabela paginada e com diferenciação de cor nas linhas

Gerador de números para Mega-Sena

Passagem automática de imagens com efeito Opacity

Descubra que dia da semana você nasceu!

Atalhos de teclado

Comentários

Nenhum comentï¿½rio foi encontrado.