📄 计数器.html
字号:
<html>
<head>
<title>计数器</title>
<style type="text/css">
table{
border:2px outset #f5f5f5
background-color:#d6d3ce
}
.r{
width:215px;
height:auto;
background-color:#f5f5f5;
color:#000000;
}
.color_red{
color:#FF0000;
height:28;
}
.color_blue{
color:#0000FF;
height:28;
}
</style>
</head>
<body>
<form action="" name="keypad">
<table border=0 align="center" width=200 height=200>
<tr>
<td colspan=5>
<input type="text" name="readout" value="0" size=30 class="r" readonly="readonly"/>
</td>
</tr>
<tr>
<td colspan=3>
<input type="button" value="BackSpace" class="color_red" onclick="backSpace()"/>
</td>
<td>
<input type="button" value=" CE " class="color_red" onclick="ce()"/>
</td>
<td>
<input type="button" value=" C " class="color_red" onclick="clearText()"/>
</td>
</tr>
<tr>
<td>
<input type="button" value=" 7 " class="color_blue" onclick="numPresed(7)"/>
</td>
<td>
<input type="button" value=" 8 " class="color_blue" onclick="numPresed(8)"/>
</td>
<td>
<input type="button" value=" 9 " class="color_blue" onclick="numPresed(9)"/>
</td>
<td>
<input type="button" value=" / " class="color_red" onclick="operation('/')"/>
</td>
<td>
<input type="button" value=" sqrt " class="color_blue" onclick="operation('s')"/>
</td>
</tr>
<tr>
<td>
<input type="button" value=" 4 " class="color_blue" onclick="numPresed(4)"/>
</td>
<td>
<input type="button" value=" 5 " class="color_blue" onclick="numPresed(5)"/>
</td>
<td>
<input type="button" value=" 6 " class="color_blue" onclick="numPresed(6)"/>
</td>
<td>
<input type="button" value=" * " class="color_red" onclick="operation('*')"/>
</td>
<td>
<input type="button" value=" % " class="color_blue" onclick="operation('%')"/>
</td>
</tr>
<tr>
<td>
<input type="button" value=" 1 " class="color_blue" onclick="numPresed(1)"/>
</td>
<td>
<input type="button" value=" 2 " class="color_blue" onclick="numPresed(2)"/>
</td>
<td>
<input type="button" value=" 3 " class="color_blue" onclick="numPresed(3)"/>
</td>
<td>
<input type="button" value=" - " class="color_red" onclick="operation('-')"/>
</td>
<td>
<input type="button" value=" +/- " class="color_blue" onclick="neg()"/>
</td>
</tr>
<tr>
<td>
<input type="button" value=" 0 " class="color_blue" onclick="numPresed(0)"/>
</td>
<td>
<input type="button" value="00" class="color_blue" onclick="numPresed('00')"/>
</td>
<td>
<input type="button" value=" . " class="color_blue" onclick="deCimal()"/>
</td>
<td>
<input type="button" value=" + " class="color_red" onclick="operation('+')"/>
</td>
<td>
<input type="button" value=" = " class="color_red" onclick="operation('=')" />
</td>
</tr>
</table>
</form>
<script language="jscript" type="text/jscript">
<!--
var fkeypad=document.forms['keypad'];
var lastCommand="";
var result="0";
var start=false;
function numPresed(num)
{
if(start)
{
fkeypad.readout.value="0";
start=false;
}
if(fkeypad.readout.value=='0')
{
if(num=='00' || num=='0')
{
fkeypad.readout.value="0";
}else
{
fkeypad.readout.value=num;
}
}else
{
fkeypad.readout.value+=num;
}
}
function deCimal()
{
var curReadOut=fkeypad.readout.value;
if(curReadOut.indexOf(".")==-1)
{
curReadOut+=".";
}
fkeypad.readout.value=curReadOut;
}
function backSpace()
{
var value=fkeypad.readout.value;
if(value.length==1)
{
fkeypad.readout.value="0";
}else
{
fkeypad.readout.value=value.substr(0,value.length-1);
}
}
function clearText()
{
fkeypad.readout.value="0";
}
function operation(command)
{
var v=fkeypad.readout.value;
calculate(parseFloat(v));
lastCommand = command;
start=true;
}
function calculate(x)
{
switch(lastCommand)
{
case '+':
result += x;
break;
case '-':
result -=x;
break;
case '*':
result *=x;
break;
case '/':
result /=x;
break;
case '%':
result %=x;
break;
case 's':
result=Math.sqrt(x);
break;
default:
result = x;
break;
}
fkeypad.readout.value = result;
}
function ce()
{
fkeypad.readout.value="0";
result=0;
}
function neg()
{
fkeypad.readout.value=-1*parseFloat(fkeypad.readout.value);
}
-->
</script>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -