|
非常酷的计算器 |
|
<STYLE type=text/css>TD {
COLOR: #ffffff; FONT: 9pt "宋体" } .Button { BACKGROUND: #242424; BORDER-BOTTOM-COLOR: #333333; BORDER-LEFT-COLOR: #cccccc; BORDER-RIGHT-COLOR: #333333; BORDER-TOP-COLOR: #cccccc; COLOR: #FFFFFF; FONT: bold 9pt "宋体"; HEIGHT: 20px; MARGIN: 4px; WIDTH: 40px ; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px} .text_input { BACKGROUND: #cccccc; COLOR: #000000; FONT: 9pt "Verdana", "Arial", "Helvetica", "sans-serif"; TEXT-ALIGN: right } A { COLOR: #ffffff; FONT: normal 9pt "宋体"; text-decoration: none} </STYLE> <form action="" name=Keypad> <table bgcolor=#D4D0C8 border=1 cellpadding=0 cellspacing=0 height=60 width=249> <tbody> <tr> <td align=middle colspan=4> <input class=text_input name=ReadOut size=30 value=0 width="100%"> </td> <td width=0></td> <td width=50> <input class=Button name=btnClear onClick=Clear() type=button value=" C "> </td> <td> <input class=Button name=btnClearEntry2 onClick=ClearEntry() type=button value=" CE "> </td> </tr> <tr> <td width=50> <input class=Button name=btnSeven onClick=NumPressed(7) type=button value=" 7 "> </td> <td width=50> <input class=Button name=btnEight onClick=NumPressed(8) type=button value=" 8 "> </td> <td width=50> <input class=Button name=btnNine onClick=NumPressed(9) type=button value=" 9 "> </td> <td width=50> <input class=Button name=btnHex onClick=hexchange() type=button value=HEX> </td> <td width=0></td> <td width=50> <input class=Button name=btnNeg onClick=Neg() type=button value=" +/- "> </td> <td> <input class=Button name=btnPercent onClick=Percent() type=button value=" % "> </td> </tr> <tr> <td width=50> <input class=Button name=btnFour onClick=NumPressed(4) type=button value=" 4 "> </td> <td width=50> <input class=Button name=btnFive onClick=NumPressed(5) type=button value=" 5 "> </td> <td width=50> <input class=Button name=btnSix onClick=NumPressed(6) type=button value=" 6 "> </td> <td width=50> <input class=Button name=btnClearEntry222 onClick=octchange() type=button value=OCT> </td> <td width=0></td> <td align=middle width=50> <input class=Button name=btnPlus onClick="Operation('+')" type=button value=" + "> </td> <td align=middle> <input class=Button name=btnMinus onClick="Operation('-')" type=button value=" - "> </td> </tr> <tr> <td width=50> <input class=Button name=btnOne onClick=NumPressed(1) type=button value=" 1 "> </td> <td width=50> <input class=Button name=btnTwo onClick=NumPressed(2) type=button value=" 2 "> </td> <td width=50> <input class=Button name=btnThree onClick=NumPressed(3) type=button value=" 3 "> </td> <td width=50> <input class=Button name=btnClearEntry223 onClick=binchange() type=button value=BIN> </td> <td width=0></td> <td align=middle width=50> <input class=Button name=btnMultiply onClick="Operation('*')" type=button value=" * "> </td> <td align=middle> <input class=Button name=btnDivide onClick="Operation('/')" type=button value=" / "> </td> </tr> <tr> <td width=50> <input class=Button name=btnZero onClick=NumPressed(0) type=button value=" 0 "> </td> <td width=50> <input class=Button name=btnDecimal onClick=Decimal() type=button value=" . "> </td> <td colspan=4> <div align=center><a href="http://www.coolboo.com" title='单击访问《中国网址站》,我们只收集最新、最酷的网址!还有美梦成真、周公解梦等软件可供下载!' target=_blank><font color="#3399FF">《中国网址站》</font></a> </div> </td> <td colspan=5> <input class=Button name=btnEquals onClick="Operation('=')" type=button value=" = "> </td> </tr> </tbody> </table> </form> <script language=JavaScript> var FKeyPad = document.Keypad; var Accum = 0; var FlagNewNum = false; var PendingOp = ""; function NumPressed (Num) { if (FlagNewNum) { FKeyPad.ReadOut.value = Num; FlagNewNum = false; } else { if (FKeyPad.ReadOut.value == "0") FKeyPad.ReadOut.value = Num; else FKeyPad.ReadOut.value += Num; } } function Operation (Op) { var Readout = FKeyPad.ReadOut.value; if (FlagNewNum && PendingOp != "="); else { FlagNewNum = true; if ( '+' == PendingOp ) Accum += parseFloat(Readout); else if ( '-' == PendingOp ) Accum -= parseFloat(Readout); else if ( '/' == PendingOp ) Accum /= parseFloat(Readout); else if ( '*' == PendingOp ) Accum *= parseFloat(Readout); else Accum = parseFloat(Readout); FKeyPad.ReadOut.value = Accum; PendingOp = Op; } } function Decimal () { var curReadOut = FKeyPad.ReadOut.value; if (FlagNewNum) { curReadOut = "0."; FlagNewNum = false; } else { if (curReadOut.indexOf(".") == -1) curReadOut += "."; } FKeyPad.ReadOut.value = curReadOut; } function ClearEntry () { FKeyPad.ReadOut.value = "0"; FlagNewNum = true; } function Clear () { Accum = 0; PendingOp = ""; ClearEntry(); } function Neg () { FKeyPad.ReadOut.value = parseFloat(FKeyPad.ReadOut.value) * -1; } function Percent () { FKeyPad.ReadOut.value = (parseFloat(FKeyPad.ReadOut.value) / 100) * parseFloat(Accum); } function hexchange() { var hex,dec; dec = parseFloat(FKeyPad.ReadOut.value); hex = dec.toString(16); window.alert("该十进制数转成十六进制数为:"+ hex); } function octchange() { var oct,dec; dec = parseFloat(FKeyPad.ReadOut.value); oct = dec.toString(8); window.alert("该十进制数转成八进制数为:"+ oct); } function binchange() { var bin,dec; dec = parseFloat(FKeyPad.ReadOut.value); bin = dec.toString(2); window.alert("该十进制数转成二进制数为:"+ bin); } |