xCalc: Calculadora
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.
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.
Descrição
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.
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.
<!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>