📄 计算器.htm

📁 JavaScript特效（新）这里有许多的JAVA特效.供学者参考
💻 HTM
字号:
<html>
<head>

<title></title>
</head>

<body>
 

<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://javaer.126.com" title='单击访问《JAVA八爪鱼》，本站只收集JAVASCRIPT特效，欢迎下载！'
      target=_blank><font color="#3399FF">《JAVA八爪鱼》</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);
}

</script>
</body>

</html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -