WINDOWS式样的计算器
要完成此效果需要两个步骤
第一步:把如下代码加入到<head>区域中
<style type="text/css"> <!-- body {font-family: helvetica} p {font-size: 12pt} .red {color: red} .blue {color: blue} --> </style>
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin var Memory = 0; var Number1 = ""; var Number2 = ""; var NewNumber = "blank"; var opvalue = "";
function Display(displaynumber) { document.calculator.answer.value = displaynumber; }
function MemoryClear() { Memory = 0; document.calculator.mem.value = ""; }
function MemoryRecall(answer) { if(NewNumber != "blank") { Number2 += answer; } else { Number1 = answer; } NewNumber = "blank"; Display(answer); }
function MemorySubtract(answer) { Memory = Memory - eval(answer); }
function MemoryAdd(answer) { Memory = Memory + eval(answer); document.calculator.mem.value = " M "; NewNumber = "blank"; }
function ClearCalc() { Number1 = ""; Number2 = ""; NewNumber = "blank"; Display(""); }
function Backspace(answer) { answerlength = answer.length; answer = answer.substring(0, answerlength - 1); if (Number2 != "") { Number2 = answer.toString(); Display(Number2); } else { Number1 = answer.toString(); Display(Number1); } }
function CECalc() { Number2 = ""; NewNumber = "yes"; Display(""); }
function CheckNumber(answer) { if(answer == ".") { Number = document.calculator.answer.value; if(Number.indexOf(".") != -1) { answer = ""; } } if(NewNumber == "yes") { Number2 += answer; Display(Number2); } else { if(NewNumber == "blank") { Number1 = answer; Number2 = ""; NewNumber = "no"; } else { Number1 += answer; } Display(Number1); } } function AddButton(x) { if(x == 1) EqualButton(); if(Number2 != "") { Number1 = parseFloat(Number1) + parseFloat(Number2); } NewNumber = "yes"; opvalue = '+'; Display(Number1); } function SubButton(x) { if(x == 1) EqualButton(); if(Number2 != "") { Number1 = parseFloat(Number1) - parseFloat(Number2); } NewNumber = "yes"; opvalue = '-'; Display(Number1); } function MultButton(x) { if(x == 1) EqualButton(); if(Number2 != "") { Number1 = parseFloat(Number1) * parseFloat(Number2); } NewNumber = "yes"; opvalue = '*'; Display(Number1); } function DivButton(x) { if(x == 1) EqualButton(); if(Number2 != "") { Number1 = parseFloat(Number1) / parseFloat(Number2); } NewNumber = "yes"; opvalue = '/'; Display(Number1); } function SqrtButton() { Number1 = Math.sqrt(Number1); NewNumber = "blank"; Display(Number1); } function PercentButton() { if(NewNumber != "blank") { Number2 *= .01; NewNumber = "blank"; Display(Number2); } } function RecipButton() { Number1 = 1/Number1; NewNumber = "blank"; Display(Number1); } function NegateButton() { Number1 = parseFloat(-Number1); NewNumber = "no"; Display(Number1); } function EqualButton() { if(opvalue == '+') AddButton(0); if(opvalue == '-') SubButton(0); if(opvalue == '*') MultButton(0); if(opvalue == '/') DivButton(0); Number2 = ""; opvalue = ""; } // End --> </script>
第二步:把如下代码加入到<body>区域中
<center> <form name="calculator"> <table bgcolor="#aaaaaa" width=220> <tr><td> <table bgcolor="#cccccc" border=1>
|