网页版计算器(矩阵计算器网页版)
谢堂君- 数码
- 2023-05-02 11:10:01
- -
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WEB计算器</title>
<!---计算器功能模块-->
<script language="javascript" type="text/javascript" runat="server">
var lingState="beStart"; //当前状态
var curOper="start"; //当前运算符
var num1=0; //初值
var num2=0; //初值
var subOper=false; // 是否刚刚单击过运算符
var upOper=false;//运算符的标签
var tnumber=false;//MR记住显示框的状态
var cM=false;//记住M启动
var xM=false;//记住按M+
var ms=false;//记住是否按MS
var sk=false;
var twonumber=false;
var ss;//保存MS要保存的值
var sb=0;
//数字键触发功能模块
function number(i)
{
if(subOper ) //表示在此之前刚刚单击过运算符或者刚刚单击过等号
{
form.ipt.value=i; //把输入的值赋给文本框显示
subOper=false;//输入数后，点击了符号
lingState="beInteger";
}
else
{ //表示正在进行或开始一个数字的输入
if(form.ipt.value=="0")//当文本显示框为0时，则把刚刚单击的数值赋给文本框
{
form.ipt.value=i;//当符合条件则把单击的数值(this.value)赋予给显示框1
lingState="beInteger";
}
else
form.ipt.value += i;//当文本显示框不为0，则数值累加显示文本框
}
if(curOper!="start")//判断是否单击过运算符
{
num2=form.ipt.value;
}
// alert("初值num1的值"+num1);
// alert("num2的值"+num2);
//lingState="beStart"; //清除当前状态
upOper=true;//记住输入数字 以便下面+号连+运算
tnumber=true;//记住有值
}
/* + - * / */
//结果运算模块
function sum()
{
if (curOper!="start")//判断是否单击按钮(符号为空
{
switch(curOper)
{
case "+": //判断符号为+时执行+运算
num1= parseFloat(num1)+parseFloat(num2); //把第一次输入的值和第二次的值进行运算
break;
case "-": //判断符号为-时执行+运算
num1= parseFloat(num1)-parseFloat(num2);
break;
case "*": //判断符号为*时执行+运算
num1= parseFloat(num1)*parseFloat(num2);
break;
case "/": //判断符号为/时执行+运算
if(num2=="0")
{
alert("除数不能为零");
}
else{
num1= parseFloat(num1)/parseFloat(num2);
}
break;
}
form.ipt.value=num1;//把运算结果赋给显示框
}
subOper=true;//输入数后，点击了符号
//curOper="start"; //清除当前符号状态
lingState="beStart";//清除当前状态
upOper=false;//=运算一次后记住 避免再按+号又进行运算 （ 清除当前符号状态
sk=true;
}
//常规符号运算功能模块
function allfhao(i)
{
subOper=true;//输入数后 输入符号 进行运算
if (curOper=="start")//实现连运算 原理：当运行当前运算符时实现连运算
{
num1=form.ipt.value; //把第一个数赋值给num1
curOper=i; //单击运算符用变量把运算符记住
tnumber=true;
}
else
{
if(upOper)//当upOper为真时则实现连运算
{
sum();//当符合条件时调用结果运算 实现连运算
}
curOper=i;//单击运算符用变量把运算符记住
}
upOper=false;//=运算一次后记住 避免再按+号又进行运算 （ 清除当前符号状态
lingState="beStart";//清除当前状态
// alert("符号num1的值"+num1);
// alert("num2的值"+num2);
}
//小数点功能模块
function point()
{
if(form.ipt.value.indexOf(".")==-1) //判断是否有小数点，如果有就不显示 如果没有那么进行下面的运算
{
if(lingState=="beStart")//如果进行了等号运算 但并没有小数点 但单击了小数点则显示0.几
{
form.ipt.value="0.";//当符合条件则显示框1 显示0.
subOper=false;//输入数后，点击了符号
lingState="beFloat"; //让一个变量记住以输入小数点
}
if(lingState=="beInteger" )//判断是否有数输入，如果有数数输入但不是接这等号运算则显示小数点
{
form.ipt.value+=".";//当符合条件则显示小数点
lingState="beFloat";//用一个变量记住已经输入一个小数点，当下次输入由于值的改变则不能输入，起到只能输入一个小数点的功能
}
}
}
//全部清除功能模块 C CE Backspace
function cleaktext(i)
{
switch(i)
{
case"C"://清除C
form.ipt.value="0"; //清除文本框内的内容
lingState="beStart"; //清除当前状态
curOper="start"; //清除当前符号状态
subOper=false; // 是否刚刚单击过运算符
upOper=false;//运算符的标签
num1=0;
num2=0;
break;
case"CE": //清除CE
form.ipt.value="0"; //清除文本框内的内容
break;
case"Backspace": //推格删除
if(cM=false)//如果启动MR那么不能实现推格功能
{
if(upOper)
{
if (form.ipt.value.length>1)
{
form.ipt.value=form.ipt.value.substring(0,form.ipt.value.length-1); //运用substring取字符串方法将返回一个包含从原始对象中获得的子字符串的 String 对象。 使用 start 和 end 两者的较小值作为子字符串的起始点。
}
else
{
form.ipt.value="0";//一个一个删除
}
}
break;
}
}
}
/* % 1/x sqrt +/- pi */
//全部的特殊符号运算模块
function alltx(i)
{
switch(i)
{
case "%"://%运算
form.ipt.value=form.ipt.value/100;
num2=form.ipt.value;
break;
case "1/x":
if(form.ipt.value=="0"){
form.ipt.value="除数不能为零。";
}
else {
form.ipt.value=1/form.ipt.value;
num2=form.ipt.value;
}
break;
case "sqrt"://开方
form.ipt.value=Math.sqrt(form.ipt.value); //math对象 开方运算
num2=form.ipt.value;
break;
case "+/-"://+/-运算符 负号运算
if(upOper)//当运行了符号则不能按负号
{
form.ipt.value=0-form.ipt.value;
num2=form.ipt.value;
}
else{
form.ipt.value="0";
}
break;
case "pi":
form.ipt.value="3.1415926";
num2=form.ipt.value;
break;
case "sin":
form.ipt.value=Math.sin(form.ipt.value);
num2=form.ipt.value;
break;
case "cos":
form.ipt.value=Math.sin(form.ipt.value);
num2=form.ipt.value;
break;
case "tan":
form.ipt.value=Math.sin(form.ipt.value);
num2=form.ipt.value;
break;
}
}
//全部M系列功能模块
function checkallM(i){
switch(i)
{
case"M+"://启动M系列功能模块
if(form.ipt.value!="0" && ms==false)
{
form.ipt1.value="M";//在显示框2显示M以告知用户以启动M系列功能
sm=form.ipt.value;
}
if(form.ipt1.value=="M" && ms!=false)
{
sm=eval(ss+'+'+form.ipt.value);//MR保存的值提取实现M+功能
}
xM=true; //记住单击过M+ 以便MR操作
break;
case "MS"://启用M系列功能 启动记忆功能（记忆上一次计算结果）
ss=form.ipt.value;// 把显示框结果给SS保存（予以MR提取
if(form.ipt.value=="0")//当显示框1显示结果为0时单击MS时也可以清除显示框2 M功能
{
form.ipt1.value="";//清除显示框2 M
}
if(form.ipt.value!="0")
{
form.ipt1.value="M";
}
ms=true; //记住单击过Ms 以便MR操作 (看是否赋+运算后的值 还是当前值
break;
case "MR"://提取MS保存数值功能
if(xM)//是否单击m+
{
if(form.ipt1.value=="M" )//当启动M功能时 MR才能起到保存提取的功能
{
form.ipt.value=sm;//当条件符合 则把MS保存的值 并实现M+功能
}
else if(subOper || tnumber){//没有启动M功能 则清除显示框
form.ipt.value="0";
}
}
// else{ form.ipt.value=ss;}
break;
case "MC": // 清除M显示框中M系列的功能
form.ipt1.value="";//清空显示框2的 M功能
xM=false;
ms=false;
break;
}
cM=true;
lingState="beStart";//清除当前状态
}
//onLoad="setStart()"
</script>
<style type="text/css" >
#c{
width:320px;
height:270px;
border:#666666 5px groove;
background-color:#ECE9D8
}
#ipts{ margin:5px 5px 3px 5px; text-align:right; width:270px}
#s{ margin:7px 5px 6px 5px; height:200px}
.bt{ width:30px; height:30px; background-color:#ECE9D8; border:solid 1px #C8C6B0}
.bt2{width:75px; height:30px; color:#F00; background-color:#ECE9D8; border:solid 1px #C8C6B0;}
.bt3{width:20px; height:20px; text-align:center;}
.wz{ font-size:12px}
</style>
</head>
<body >
<!---隐藏层-->
<div id="s">
<FORM METHOD=POST ACTION="" name="form">
<div id="c">
<table width="98%" height="268" border="0" align="center" cellpadding="0">
<tr>
<td height="19" colspan="7">
<table width="294" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td class="wz" width="12" height="19"></td>
<td class="wz" width="47">编辑(E)</td>
<td class="wz" width="49">查看(V)</td>
<td class="wz" width="186">帮助(H)</td>
</tr>
</table></td></tr>
<tr>
<td height="29" colspan="7">
<div id="ipts">
<input name="ipt" type="text" id="ipts" value="0" size="40" maxlength="20" readonly="readonly" />
</div>
</td></tr>
<!-- ipt1 Backspace CE C -->
<tr>
<td height="38" colspan="7" align="center"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="14%" align="center"><input name="ipt1" type="text" disabled="disabled" class="bt3" size="1" maxlength="0" /></td>
<td width="86%" align="center"><table width="97%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center"><input name="button23" type="button" class="bt2" id="button23" style="color:#00F" value="Backspace" onclick="cleaktext(this.value)"/></td>
<td align="center"><input style="color:#00F" name="button21" type="button" class="bt2" id="button20" value="CE" onclick="cleaktext(this.value)"/></td>
<td align="center"><input style="color:#00F" name="button20" type="button" class="bt2" id="button21" value="C" onclick="cleaktext(this.value)"/></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<!-- MC 7 8 9 / sqrt -->
<tr>
<td width="16%" align="center"><table width="99%" height="162" border="0">
<tr>
<td height="35" align="center"><input style="color:#F00" type="button" value="MC" class="bt" onclick="checkallM(this.value)"/></td>
<td width="16%" align="center"><input style="color:#00F" name="button1" type="button" class="bt" id="button1" value="7" onclick="number(this.value)" /></td>
<td width="14%" align="center"><input style="color:#00F" name="button2" type="button" class="bt" id="button2" value="8" onclick="number(this.value)" /></td>
<td width="14%" align="center"><input style="color:#00F" name="button3" type="button" class="bt" id="button3" value="9" onclick="number(this.value)"/></td>
<td width="13%" align="center"><input style="color:#F00" name="button4" type="button" class="bt" id="button4" value="/" onclick="allfhao(this.value)"/></td>
<td width="14%" align="center"><input style="color:#00F" name="button5" type="button" class="bt" id="button5" value="sqrt" onclick="alltx(this.value)"/></td>
<td width="16%" align="center"><input style="color:#00F" name="button24" type="button" class="bt" id="button24" value="sin" onclick="alltx(this.value)"/></td>
</tr>
<!-- MR 4 5 6 * % -->
<tr>
<td width="13%" height="39" align="center"><input style="color:#F00" type="button" value="MR" class="bt" onclick="checkallM(this.value)"/></td>
<td width="16%" align="center"><input style="color:#00F" name="button6" type="button" class="bt" id="button6" value="4" onclick="number(this.value)" /></td>
<td width="14%" align="center"><input style="color:#00F" name="button7" type="button" class="bt" id="button7" value="5" onclick="number(this.value)"/></td>
<td width="14%" align="center"><input style="color:#00F" name="button8" type="button" class="bt" id="button8" value="6" onclick="number(this.value)"/></td>
<td width="13%" align="center"><input style="color:#F00" name="button9" type="button" class="bt" id="button9" value="*" onclick="allfhao(this.value)"/></td>
<td width="14%" align="center"><input style="color:#00F" name="button10" type="button" class="bt" id="button10" value="%" onclick="alltx(this.value)"/></td>
<td width="16%" align="center"><input style="color:#00F" name="button25" type="button" class="bt" id="button25" value="cos" onclick="alltx(this.value)"/></td>
</tr>
<!-- MS 1 2 3 - 1/x -->
<tr>
<td width="13%" height="38" align="center"><input style="color:#F00" type="button" value="MS" class="bt" onclick="checkallM(this.value)" /></td>
<td width="16%" align="center"><input style="color:#00F" name="button11" type="button" class="bt" id="button11" value="1" onclick="number(this.value)"/></td>
<td width="14%" align="center"><input style="color:#00F" name="button12" type="button" class="bt" id="button12" value="2" onclick="number(this.value)"/></td>
<td width="14%" align="center"><input style="color:#00F" name="button13" type="button" class="bt" id="button13" value="3" onclick="number(this.value)"/></td>
<td width="13%" align="center"><input style="color:#F00" name="button14" type="button" class="bt" id="button14" value="-" onclick="allfhao(this.value)"/></td>
<td width="14%" align="center"><input style="color:#00F" name="button15" type="button" class="bt" id="button15" value="1/x" onclick="alltx(this.value)"/></td>
<td width="16%" align="center"><input style="color:#00F" name="button26" type="button" class="bt" id="button26" value="tan" onclick="alltx(this.value)"/></td>
</tr>
<!-- M+ 0 +/- . + = -->
<tr>
<td width="13%" height="38" align="center"><input style="color:#F00" type="button" value="M+" class="bt" onclick="checkallM(this.value)"/></td>
<td width="16%" height="38" align="center"><input style="color:#00F" name="button16" type="button" class="bt" id="button16" value="0" onclick="number(this.value)"/></td>
<td width="14%" height="38" align="center"><input style="color:#00F" name="button17" type="button" class="bt" id="button17" value="+/-" onclick="alltx(this.value)"/></td>
<td width="14%" align="center"><input style="color:#00F" name="button18" type="button" class="bt" id="button18" value="." onclick="point()"/></td>
<td width="13%" align="center"><input style="color:#F00" name="button19" type="button" class="bt" id="button19" value="+" onclick="allfhao(this.value)" /></td>
<td width="14%" align="center"><input style="color:#F00" name="button22" type="button" class="bt" id="button22" value="=" onclick="sum()"/></td>
<td width="16%" align="center"><input style="color:#00F" name="button27" type="button" class="bt" id="button27" value="pi" onclick="alltx(this.value)"/></td>
</tr>
</table>
</td></tr></table>
</div>
</FORM>
</div>
</body>
</html> 这个问题建议直接搜索，而不是提问。。
http://www.baidu.com/baidu?wd=js+%BC%C6%CB%E3%C6%F7&tn=cnopera <html>
<head>
<title>JS版计算器</title>
<linkrel="stylesheet"type="text/css"href="">
<metahttp-equiv="content-type"content="text/html;charset=utf-8">
<!--js代码可以放置在任意位置，按照先后顺序依次执行一般放在head标签之间-->
<scripttype="text/javascript">
/*定义一个Calculator类*/
functionCalculator(){
this.jisuan=function(num1,num2,oper){
varres=0;
switch(oper){
case"+":
res=num1+num2;
break;
case"-":
res=num1-num2;
break;
case"*":
res=num1*num2;
break;
case"/":
res=num1/num2;
break;
}
returnres;
}
}
//创建对象
varcalculator=newCalculator();
/*定义全局变量*/
varval=0;//放置输入的值
varxval=0;//保存转换Number类型的值
vartemp=0;//保存第一次输入的值
varoper="";//保存输入的操作符
/*获取输入数字*/
functioninputEvent(e){
val=e.value
varxsval=document.getElementById("inp1");
xsval.value+=val;//连续输入数字(String类型)
//转换Number类型
xval=parseFloat(xsval.value);
}
/*获取第一行的数据*/
functioninputPCB(e){
//window.alert(e.value);
varxsval=document.getElementById("inp1");
if(e.value=="Clear"){
xsval.value="";
}elseif(e.value=="Back"){
/*这个功能还没有实现，有兴趣的朋友可以自己做一做*/
}elseif(e.value=="POWER"){
//计算平方
xsval.value=Math.pow(xsval.value,2);
}
}
/*输入操作符*/
functioninputOper(e){
oper=e.value;
//window.alert(typeofoper);
//oper=oper.substr(0);
if(e.value=="+"){
varxsval=document.getElementById("inp1");
//保存上次计算结果，并对字符串进行转换Number类型
temp=parseFloat(xsval.value);
//第一次输入的值设置为空
xsval.value="";
}elseif(e.value=="-"){
varxsval=document.getElementById("inp1");
temp=parseFloat(xsval.value);
xsval.value="";
}elseif(e.value=="*"){
varxsval=document.getElementById("inp1");
temp=parseFloat(xsval.value);
xsval.value="";
}elseif(e.value=="/"){
varxsval=document.getElementById("inp1");
temp=parseFloat(xsval.value);
xsval.value="";
}
}
/*计算结果*/
functioninputEquel(e){
varxsval=document.getElementById("inp1");
if(e.value=="="){
//window.alert(xval);
//调用对象方法
xsval.value=calculator.jisuan(temp,xval,oper);
}
}
</script>
<!--css样式-->
<style>
input{
width:60px;
}
#inp1{
width:280px;
text-align:right;
}
</style>
</head>
<body>
<tableborder="1">
<!--显示结果行-->
<tr><tdcolspan="4"><inputid="inp1"type="text"value=""name="xianshi"/></td></tr>
<!--第一行-->
<tr><td><inputtype="button"value="POWER"onclick="inputPCB(this)"/></td><td><inputtype="button"value="Clear"onclick="inputPCB(this)"/></td><td><inputtype="button"value="Back"onclick="inputPCB(this)"/></td><td></td></tr>
<!--第二行-->
<tr><td><inputtype="button"value="1"onclick="inputEvent(this)"/></td><td><inputtype="button"value="2"onclick="inputEvent(this)"/></td><td><inputtype="button"value="3"onclick="inputEvent(this)"/></td><td><inputtype="button"value="4"onclick="inputEvent(this)"/></td></tr>
<!--第三行-->
<tr><td><inputtype="button"value="5"onclick="inputEvent(this)"/></td><td><inputtype="button"value="6"onclick="inputEvent(this)"/></td><td><inputtype="button"value="7"onclick="inputEvent(this)"/></td><td><inputtype="button"value="8"onclick="inputEvent(this)"/></td></tr>
<!--第四行-->
<tr><td><inputtype="button"value="9"onclick="inputEvent(this)"/></td><td><inputtype="button"value="0"onclick="inputEvent(this)"/></td><td><inputtype="button"value="."onclick="inputEvent(this)"/></td><td><inputtype="button"value="="onclick="inputEquel(this)"/></td></tr>
<!--第五行-->
<tr><td><inputtype="button"value="+"onclick="inputOper(this)"/></td><td><inputtype="button"value="-"onclick="inputOper(this)"/></td><td><inputtype="button"value="*"onclick="inputOper(this)"/></td><td><inputtype="button"value="/"onclick="inputOper(this)"/></td></tr>
</table>
</body>
</html> <html>
<head>
<title>计算器</title>
</head>
<body bgcolor="#ffffff" onload="FKeyPad.ReadOut.focus();FKeyPad.ReadOut.select();">
<FORM name="Keypad" action="">
<TABLE align="center">
<B>
<TABLE align="center" border=2 width=50 height=60 cellpadding=1 cellspacing=5>
<TR>
<TD colspan=3 align=middle><input name="ReadOut" type="Text" onkeypress="CheckOut()" size=24 value="0"
width=100%></TD>
<TD></TD>
<TD><input name="btnClear" type="Button" value=" C " onclick="Clear()"></TD>
<TD><input name="btnClearEntry" type="Button" value=" CE " onclick="ClearEntry()"></TD>
</TR>
<TR>
<TD><input name="btnSeven" type="Button" value=" 7 " onclick="NumPressed(7)"></TD>
<TD><input name="btnEight" type="Button" value=" 8 " onclick="NumPressed(8)"></TD>
<TD><input name="btnNine" type="Button" value=" 9 " onclick="NumPressed(9)"></TD>
<TD></TD>
<TD><input name="btnNeg" type="Button" value=" +/- " onclick="Neg()"></TD>
<TD><input name="btnPercent" type="Button" value=" % " onclick="Percent()"></TD>
</TR>
<TR>
<TD><input name="btnFour" type="Button" value=" 4 " onclick="NumPressed(4)"></TD>
<TD><input name="btnFive" type="Button" value=" 5 " onclick="NumPressed(5)"></TD>
<TD><input name="btnSix" type="Button" value=" 6 " onclick="NumPressed(6)"></TD>
<TD></TD>
<TD align=middle><input name="btnPlus" type="Button" value=" + " onclick="Operation('+')"> </TD>
<TD align=middle><input name="btnMinus" type="Button" value=" - " onclick="Operation('-')"></TD>
</TR>
<TR>
<TD><input name="btnOne" type="Button" value=" 1 " onclick="NumPressed(1)"></TD>
<TD><input name="btnTwo" type="Button" value=" 2 " onclick="NumPressed(2)"></TD>
<TD><input name="btnThree" type="Button" value=" 3 " onclick="NumPressed(3)"></TD>
<TD></TD>
<TD align=middle><input name="btnMultiply" type="Button" value=" * " onclick="Operation('*')"></TD>
<TD align=middle><input name="btnDivide" type="Button" value=" / " onclick="Operation('/')"></TD>
</TR>
<TR>
<TD><input name="btnZero" type="Button" value=" 0 " onclick="NumPressed(0)"></TD>
<TD><input name="btnDecimal" type="Button" value=" . " onclick="Decimal()"></TD>
<TD colspan=2></TD>
<TD><input name="btnEquals" type="Button" value=" = " onclick="Operation('=')"></TD>
<TD><input name="btnReturn" type="Button" value="返 回" onclick="goReturn()"></TD>
</TR>
</TABLE>
</TABLE>
</B>
</FORM>
</CENTER>
<font face="Verdana, Arial, Helvetica" size=2>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var FKeyPad = document.forms['Keypad'];
var Accum = "0";
var FlagNewNum = false;
var PendingOp = "";
//===============================================================================
//[描述] 浮点数精确计算
//[参数] str1 - 第一个数
// str2 - 第二个数
// type - 运算符
// precision - 小数位精度
//[调用方式] longCount(str1,str2,type,precision);
//[返回值] 计算结果
//===============================================================================
function longCount(str1,str2,type) {
var comma1 = 0;
if (str1.indexOf(".")!=-1) {
str1 = str1.replace(/0*$/,"");
comma1 = str1.length - str1.indexOf(".")-1;
}
var comma2 = 0;
if (str2.indexOf(".")!=-1) {
str2 = str2.replace(/0*$/,"");
comma2 = str2.length - str2.indexOf(".")-1;
}
str1 = str1.replace(/\./,"");
str2 = str2.replace(/\./,"");
var value,comma;
if (type!="*") {
if (comma1>comma2) {
for (var i=0;i<comma1-comma2;i++) str2 += "0";
comma = (type=="/")?0:comma1;
}else {
for (var i=0;i<comma2-comma1;i++) str1 += "0";
comma = (type=="/")?0:comma2;
}
}else {
comma = comma1 + comma2;
}
if (type=="+") {
value = parseInt(str1,10) + parseInt(str2,10);
}else if (type=="-") {
value = parseInt(str1,10) - parseInt(str2,10);
}else if (type=="*") {
value = parseInt(str1,10) * parseInt(str2,10);
}else if (type=="/") {
value = parseInt(str1,10) / parseInt(str2,10);
}
value = String(value);
if (comma>0) value = value.substring(0,value.length-comma)+"."+value.substring(value.length-
comma,value.length);
if (value.indexOf(".")!=-1)
value = value.replace(/0*$/,"");
return value;
}
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 || '-' == PendingOp || '/' == PendingOp || '*' == PendingOp)
Accum = longCount(Accum,Readout,PendingOp);
else
Accum = Readout;
FKeyPad.ReadOut.value = Accum;
PendingOp = Op;
FKeyPad.ReadOut.focus();
FKeyPad.ReadOut.select();
}
}
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 () {
alert(FKeyPad.ReadOut.value);
FKeyPad.ReadOut.value = longCount(FKeyPad.ReadOut.value,"-1","*");
}
function Percent () {
FKeyPad.ReadOut.value = longCount(FKeyPad.ReadOut.value,Accum,"*");
FKeyPad.ReadOut.value = longCount(FKeyPad.ReadOut.value,100,"/");
}
function goReturn() {
top.returnValue = FKeyPad.ReadOut.value;
self.close();
}
function CheckOut() {
var keyCode = window.event.keyCode;
if (keyCode>=48 && keyCode<=57) {
if (FlagNewNum) {
FKeyPad.ReadOut.value = "";
//window.event.keyCode = null;
FlagNewNum = false;
}
return true;
}else if (keyCode==43 || keyCode==45 || keyCode==42 || keyCode==47 || keyCode==61) {
Operation(String.fromCharCode(keyCode));
}else if (keyCode==46) {//.
if (FKeyPad.ReadOut.value.indexOf(".") == -1)
return true;
}else if (keyCode==13) goReturn();
window.event.returnValue = false;
return false;
}
// End -->
</SCRIPT>
</body>
</html> <html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
<head>
<title>计算器</title>
</head>
<script type="text/javascript" language="javascript">
function add(obj)
{
document.getElementById("txt1").value+=obj.value;
}
function results()
{
var obj=document.getElementById("txt1").value;
if(obj.indexOf("=")<0)
document.getElementById("txt1").value+="="+eval(obj);
}
function clears()
{
document.getElementById("txt1").value="";
}
</script>
<body>
<table>
<tr>
<td><input type="button" onclick="add(this)" id="Button1" value="1" /></td>
<td><input type="button" onclick="add(this)" id="Button2" value="2" /></td>
<td><input type="button" onclick="add(this)" id="Button3" value="3" /></td>
<td><input type="button" onclick="add(this)" id="Button13" value="+" /></td>
</tr>
<tr>
<td><input type="button" onclick="add(this)" id="Button4" value="4" /></td>
<td><input type="button" onclick="add(this)" id="Button5" value="5" /></td>
<td><input type="button" onclick="add(this)" id="Button6" value="6" /></td>
<td><input type="button" onclick="add(this)" id="Button14" value="-" /></td>
</tr>
<tr>
<td><input type="button" onclick="add(this)" id="Button7" value="7" /></td>
<td><input type="button" onclick="add(this)" id="Button8" value="8" /></td>
<td><input type="button" onclick="add(this)" id="Button9" value="9" /></td>
<td><input type="button" onclick="add(this)" id="Button15" value="*" /></td>
</tr>
<tr>
<td><input type="button" onclick="clears()" id="Button11" value="c" /></td>
<td><input type="button" onclick="add(this)" id="Button10" value="0" /></td>
<td><input type="button" onclick="results()" id="Button12" value="=" /></td>
<td><input type="button" onclick="add(this)" id="Button16" value="/" /></td>
</tr>
</table>
<input type="text" id="txt1" />
</body>
</html>
刚写的 http://www.phpxd.com/yuandaima/2008-12-20/200812200914470.html
这里有个黑色的。 HTML?怎么写？ 是JS吧
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WEB计算器</title>
<!---计算器功能模块-->
<script language="javascript" type="text/javascript" runat="server">
var lingState="beStart"; //当前状态
var curOper="start"; //当前运算符
var num1=0; //初值
var num2=0; //初值
var subOper=false; // 是否刚刚单击过运算符
var upOper=false;//运算符的标签
var tnumber=false;//MR记住显示框的状态
var cM=false;//记住M启动
var xM=false;//记住按M+
var ms=false;//记住是否按MS
var sk=false;
var twonumber=false;
var ss;//保存MS要保存的值
var sb=0;
//数字键触发功能模块
function number(i)
{
if(subOper ) //表示在此之前刚刚单击过运算符或者刚刚单击过等号
{
form.ipt.value=i; //把输入的值赋给文本框显示
subOper=false;//输入数后，点击了符号
lingState="beInteger";
}
else
{ //表示正在进行或开始一个数字的输入
if(form.ipt.value=="0")//当文本显示框为0时，则把刚刚单击的数值赋给文本框
{
form.ipt.value=i;//当符合条件则把单击的数值(this.value)赋予给显示框1
lingState="beInteger";
}
else
form.ipt.value += i;//当文本显示框不为0，则数值累加显示文本框
}
if(curOper!="start")//判断是否单击过运算符
{
num2=form.ipt.value;
}
// alert("初值num1的值"+num1);
// alert("num2的值"+num2);
//lingState="beStart"; //清除当前状态
upOper=true;//记住输入数字 以便下面+号连+运算
tnumber=true;//记住有值
}
/* + - * / */
//结果运算模块
function sum()
{
if (curOper!="start")//判断是否单击按钮(符号为空
{
switch(curOper)
{
case "+": //判断符号为+时执行+运算
num1= parseFloat(num1)+parseFloat(num2); //把第一次输入的值和第二次的值进行运算
break;
case "-": //判断符号为-时执行+运算
num1= parseFloat(num1)-parseFloat(num2);
break;
case "*": //判断符号为*时执行+运算
num1= parseFloat(num1)*parseFloat(num2);
break;
case "/": //判断符号为/时执行+运算
if(num2=="0")
{
alert("除数不能为零");
}
else{
num1= parseFloat(num1)/parseFloat(num2);
}
break;
}
form.ipt.value=num1;//把运算结果赋给显示框
}
subOper=true;//输入数后，点击了符号
//curOper="start"; //清除当前符号状态
lingState="beStart";//清除当前状态
upOper=false;//=运算一次后记住 避免再按+号又进行运算 （ 清除当前符号状态
sk=true;
}
//常规符号运算功能模块
function allfhao(i)
{
subOper=true;//输入数后 输入符号 进行运算
if (curOper=="start")//实现连运算 原理：当运行当前运算符时实现连运算
{
num1=form.ipt.value; //把第一个数赋值给num1
curOper=i; //单击运算符用变量把运算符记住
tnumber=true;
}
else
{
if(upOper)//当upOper为真时则实现连运算
{
sum();//当符合条件时调用结果运算 实现连运算
}
curOper=i;//单击运算符用变量把运算符记住
}
upOper=false;//=运算一次后记住 避免再按+号又进行运算 （ 清除当前符号状态
lingState="beStart";//清除当前状态
// alert("符号num1的值"+num1);
// alert("num2的值"+num2);
}
//小数点功能模块
function point()
{
if(form.ipt.value.indexOf(".")==-1) //判断是否有小数点，如果有就不显示 如果没有那么进行下面的运算
{
if(lingState=="beStart")//如果进行了等号运算 但并没有小数点 但单击了小数点则显示0.几
{
form.ipt.value="0.";//当符合条件则显示框1 显示0.
subOper=false;//输入数后，点击了符号
lingState="beFloat"; //让一个变量记住以输入小数点
}
if(lingState=="beInteger" )//判断是否有数输入，如果有数数输入但不是接这等号运算则显示小数点
{
form.ipt.value+=".";//当符合条件则显示小数点
lingState="beFloat";//用一个变量记住已经输入一个小数点，当下次输入由于值的改变则不能输入，起到只能输入一个小数点的功能
}
}
}
//全部清除功能模块 C CE Backspace
function cleaktext(i)
{
switch(i)
{
case"C"://清除C
form.ipt.value="0"; //清除文本框内的内容
lingState="beStart"; //清除当前状态
curOper="start"; //清除当前符号状态
subOper=false; // 是否刚刚单击过运算符
upOper=false;//运算符的标签
num1=0;
num2=0;
break;
case"CE": //清除CE
form.ipt.value="0"; //清除文本框内的内容
break;
case"Backspace": //推格删除
if(cM=false)//如果启动MR那么不能实现推格功能
{
if(upOper)
{
if (form.ipt.value.length>1)
{
form.ipt.value=form.ipt.value.substring(0,form.ipt.value.length-1); //运用substring取字符串方法将返回一个包含从原始对象中获得的子字符串的 String 对象。 使用 start 和 end 两者的较小值作为子字符串的起始点。
}
else
{
form.ipt.value="0";//一个一个删除
}
}
break;
}
}
}
/* % 1/x sqrt +/- pi */
//全部的特殊符号运算模块
function alltx(i)
{
switch(i)
{
case "%"://%运算
form.ipt.value=form.ipt.value/100;
num2=form.ipt.value;
break;
case "1/x":
if(form.ipt.value=="0"){
form.ipt.value="除数不能为零。";
}
else {
form.ipt.value=1/form.ipt.value;
num2=form.ipt.value;
}
break;
case "sqrt"://开方
form.ipt.value=Math.sqrt(form.ipt.value); //math对象 开方运算
num2=form.ipt.value;
break;
case "+/-"://+/-运算符 负号运算
if(upOper)//当运行了符号则不能按负号
{
form.ipt.value=0-form.ipt.value;
num2=form.ipt.value;
}
else{
form.ipt.value="0";
}
break;
case "pi":
form.ipt.value="3.1415926";
num2=form.ipt.value;
break;
case "sin":
form.ipt.value=Math.sin(form.ipt.value);
num2=form.ipt.value;
break;
case "cos":
form.ipt.value=Math.sin(form.ipt.value);
num2=form.ipt.value;
break;
case "tan":
form.ipt.value=Math.sin(form.ipt.value);
num2=form.ipt.value;
break;
}
}
//全部M系列功能模块
function checkallM(i){
switch(i)
{
case"M+"://启动M系列功能模块
if(form.ipt.value!="0" && ms==false)
{
form.ipt1.value="M";//在显示框2显示M以告知用户以启动M系列功能
sm=form.ipt.value;
}
if(form.ipt1.value=="M" && ms!=false)
{
sm=eval(ss+'+'+form.ipt.value);//MR保存的值提取实现M+功能
}
xM=true; //记住单击过M+ 以便MR操作
break;
case "MS"://启用M系列功能 启动记忆功能（记忆上一次计算结果）
ss=form.ipt.value;// 把显示框结果给SS保存（予以MR提取
if(form.ipt.value=="0")//当显示框1显示结果为0时单击MS时也可以清除显示框2 M功能
{
form.ipt1.value="";//清除显示框2 M
}
if(form.ipt.value!="0")
{
form.ipt1.value="M";
}
ms=true; //记住单击过Ms 以便MR操作 (看是否赋+运算后的值 还是当前值
break;
case "MR"://提取MS保存数值功能
if(xM)//是否单击m+
{
if(form.ipt1.value=="M" )//当启动M功能时 MR才能起到保存提取的功能
{
form.ipt.value=sm;//当条件符合 则把MS保存的值 并实现M+功能
}
else if(subOper || tnumber){//没有启动M功能 则清除显示框
form.ipt.value="0";
}
}
// else{ form.ipt.value=ss;}
break;
case "MC": // 清除M显示框中M系列的功能
form.ipt1.value="";//清空显示框2的 M功能
xM=false;
ms=false;
break;
}
cM=true;
lingState="beStart";//清除当前状态
}
//onLoad="setStart()"
</script>
<style type="text/css" >
#c{
width:320px;
height:270px;
border:#666666 5px groove;
background-color:#ECE9D8
}
#ipts{ margin:5px 5px 3px 5px; text-align:right; width:270px}
#s{ margin:7px 5px 6px 5px; height:200px}
.bt{ width:30px; height:30px; background-color:#ECE9D8; border:solid 1px #C8C6B0}
.bt2{width:75px; height:30px; color:#F00; background-color:#ECE9D8; border:solid 1px #C8C6B0;}
.bt3{width:20px; height:20px; text-align:center;}
.wz{ font-size:12px}
</style>
</head>
<body >
<!---隐藏层-->
<div id="s">
<FORM METHOD=POST ACTION="" name="form">
<div id="c">
<table width="98%" height="268" border="0" align="center" cellpadding="0">
<tr>
<td height="19" colspan="7">
<table width="294" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td class="wz" width="12" height="19"></td>
<td class="wz" width="47">编辑(E)</td>
<td class="wz" width="49">查看(V)</td>
<td class="wz" width="186">帮助(H)</td>
</tr>
</table></td></tr>
<tr>
<td height="29" colspan="7">
<div id="ipts">
<input name="ipt" type="text" id="ipts" value="0" size="40" maxlength="20" readonly="readonly" />
</div>
</td></tr>
<!-- ipt1 Backspace CE C -->
<tr>
<td height="38" colspan="7" align="center"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="14%" align="center"><input name="ipt1" type="text" disabled="disabled" class="bt3" size="1" maxlength="0" /></td>
<td width="86%" align="center"><table width="97%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center"><input name="button23" type="button" class="bt2" id="button23" style="color:#00F" value="Backspace" onclick="cleaktext(this.value)"/></td>
<td align="center"><input style="color:#00F" name="button21" type="button" class="bt2" id="button20" value="CE" onclick="cleaktext(this.value)"/></td>
<td align="center"><input style="color:#00F" name="button20" type="button" class="bt2" id="button21" value="C" onclick="cleaktext(this.value)"/></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<!-- MC 7 8 9 / sqrt -->
<tr>
<td width="16%" align="center"><table width="99%" height="162" border="0">
<tr>
<td height="35" align="center"><input style="color:#F00" type="button" value="MC" class="bt" onclick="checkallM(this.value)"/></td>
<td width="16%" align="center"><input style="color:#00F" name="button1" type="button" class="bt" id="button1" value="7" onclick="number(this.value)" /></td>
<td width="14%" align="center"><input style="color:#00F" name="button2" type="button" class="bt" id="button2" value="8" onclick="number(this.value)" /></td>
<td width="14%" align="center"><input style="color:#00F" name="button3" type="button" class="bt" id="button3" value="9" onclick="number(this.value)"/></td>
<td width="13%" align="center"><input style="color:#F00" name="button4" type="button" class="bt" id="button4" value="/" onclick="allfhao(this.value)"/></td>
<td width="14%" align="center"><input style="color:#00F" name="button5" type="button" class="bt" id="button5" value="sqrt" onclick="alltx(this.value)"/></td>
<td width="16%" align="center"><input style="color:#00F" name="button24" type="button" class="bt" id="button24" value="sin" onclick="alltx(this.value)"/></td>
</tr>
<!-- MR 4 5 6 * % -->
<tr>
<td width="13%" height="39" align="center"><input style="color:#F00" type="button" value="MR" class="bt" onclick="checkallM(this.value)"/></td>
<td width="16%" align="center"><input style="color:#00F" name="button6" type="button" class="bt" id="button6" value="4" onclick="number(this.value)" /></td>
<td width="14%" align="center"><input style="color:#00F" name="button7" type="button" class="bt" id="button7" value="5" onclick="number(this.value)"/></td>
<td width="14%" align="center"><input style="color:#00F" name="button8" type="button" class="bt" id="button8" value="6" onclick="number(this.value)"/></td>
<td width="13%" align="center"><input style="color:#F00" name="button9" type="button" class="bt" id="button9" value="*" onclick="allfhao(this.value)"/></td>
<td width="14%" align="center"><input style="color:#00F" name="button10" type="button" class="bt" id="button10" value="%" onclick="alltx(this.value)"/></td>
<td width="16%" align="center"><input style="color:#00F" name="button25" type="button" class="bt" id="button25" value="cos" onclick="alltx(this.value)"/></td>
</tr>
<!-- MS 1 2 3 - 1/x -->
<tr>
<td width="13%" height="38" align="center"><input style="color:#F00" type="button" value="MS" class="bt" onclick="checkallM(this.value)" /></td>
<td width="16%" align="center"><input style="color:#00F" name="button11" type="button" class="bt" id="button11" value="1" onclick="number(this.value)"/></td>
<td width="14%" align="center"><input style="color:#00F" name="button12" type="button" class="bt" id="button12" value="2" onclick="number(this.value)"/></td>
<td width="14%" align="center"><input style="color:#00F" name="button13" type="button" class="bt" id="button13" value="3" onclick="number(this.value)"/></td>
<td width="13%" align="center"><input style="color:#F00" name="button14" type="button" class="bt" id="button14" value="-" onclick="allfhao(this.value)"/></td>
<td width="14%" align="center"><input style="color:#00F" name="button15" type="button" class="bt" id="button15" value="1/x" onclick="alltx(this.value)"/></td>
<td width="16%" align="center"><input style="color:#00F" name="button26" type="button" class="bt" id="button26" value="tan" onclick="alltx(this.value)"/></td>
</tr>
<!-- M+ 0 +/- . + = -->
<tr>
<td width="13%" height="38" align="center"><input style="color:#F00" type="button" value="M+" class="bt" onclick="checkallM(this.value)"/></td>
<td width="16%" height="38" align="center"><input style="color:#00F" name="button16" type="button" class="bt" id="button16" value="0" onclick="number(this.value)"/></td>
<td width="14%" height="38" align="center"><input style="color:#00F" name="button17" type="button" class="bt" id="button17" value="+/-" onclick="alltx(this.value)"/></td>
<td width="14%" align="center"><input style="color:#00F" name="button18" type="button" class="bt" id="button18" value="." onclick="point()"/></td>
<td width="13%" align="center"><input style="color:#F00" name="button19" type="button" class="bt" id="button19" value="+" onclick="allfhao(this.value)" /></td>
<td width="14%" align="center"><input style="color:#F00" name="button22" type="button" class="bt" id="button22" value="=" onclick="sum()"/></td>
<td width="16%" align="center"><input style="color:#00F" name="button27" type="button" class="bt" id="button27" value="pi" onclick="alltx(this.value)"/></td>
</tr>
</table>
</td></tr></table>
</div>
</FORM>
</div>
</body>
</html> 这个问题建议直接搜索，而不是提问。。
http://www.baidu.com/baidu?wd=js+%BC%C6%CB%E3%C6%F7&tn=cnopera <html>
<head>
<title>JS版计算器</title>
<linkrel="stylesheet"type="text/css"href="">
<metahttp-equiv="content-type"content="text/html;charset=utf-8">
<!--js代码可以放置在任意位置，按照先后顺序依次执行一般放在head标签之间-->
<scripttype="text/javascript">
/*定义一个Calculator类*/
functionCalculator(){
this.jisuan=function(num1,num2,oper){
varres=0;
switch(oper){
case"+":
res=num1+num2;
break;
case"-":
res=num1-num2;
break;
case"*":
res=num1*num2;
break;
case"/":
res=num1/num2;
break;
}
returnres;
}
}
//创建对象
varcalculator=newCalculator();
/*定义全局变量*/
varval=0;//放置输入的值
varxval=0;//保存转换Number类型的值
vartemp=0;//保存第一次输入的值
varoper="";//保存输入的操作符
/*获取输入数字*/
functioninputEvent(e){
val=e.value
varxsval=document.getElementById("inp1");
xsval.value+=val;//连续输入数字(String类型)
//转换Number类型
xval=parseFloat(xsval.value);
}
/*获取第一行的数据*/
functioninputPCB(e){
//window.alert(e.value);
varxsval=document.getElementById("inp1");
if(e.value=="Clear"){
xsval.value="";
}elseif(e.value=="Back"){
/*这个功能还没有实现，有兴趣的朋友可以自己做一做*/
}elseif(e.value=="POWER"){
//计算平方
xsval.value=Math.pow(xsval.value,2);
}
}
/*输入操作符*/
functioninputOper(e){
oper=e.value;
//window.alert(typeofoper);
//oper=oper.substr(0);
if(e.value=="+"){
varxsval=document.getElementById("inp1");
//保存上次计算结果，并对字符串进行转换Number类型
temp=parseFloat(xsval.value);
//第一次输入的值设置为空
xsval.value="";
}elseif(e.value=="-"){
varxsval=document.getElementById("inp1");
temp=parseFloat(xsval.value);
xsval.value="";
}elseif(e.value=="*"){
varxsval=document.getElementById("inp1");
temp=parseFloat(xsval.value);
xsval.value="";
}elseif(e.value=="/"){
varxsval=document.getElementById("inp1");
temp=parseFloat(xsval.value);
xsval.value="";
}
}
/*计算结果*/
functioninputEquel(e){
varxsval=document.getElementById("inp1");
if(e.value=="="){
//window.alert(xval);
//调用对象方法
xsval.value=calculator.jisuan(temp,xval,oper);
}
}
</script>
<!--css样式-->
<style>
input{
width:60px;
}
#inp1{
width:280px;
text-align:right;
}
</style>
</head>
<body>
<tableborder="1">
<!--显示结果行-->
<tr><tdcolspan="4"><inputid="inp1"type="text"value=""name="xianshi"/></td></tr>
<!--第一行-->
<tr><td><inputtype="button"value="POWER"onclick="inputPCB(this)"/></td><td><inputtype="button"value="Clear"onclick="inputPCB(this)"/></td><td><inputtype="button"value="Back"onclick="inputPCB(this)"/></td><td></td></tr>
<!--第二行-->
<tr><td><inputtype="button"value="1"onclick="inputEvent(this)"/></td><td><inputtype="button"value="2"onclick="inputEvent(this)"/></td><td><inputtype="button"value="3"onclick="inputEvent(this)"/></td><td><inputtype="button"value="4"onclick="inputEvent(this)"/></td></tr>
<!--第三行-->
<tr><td><inputtype="button"value="5"onclick="inputEvent(this)"/></td><td><inputtype="button"value="6"onclick="inputEvent(this)"/></td><td><inputtype="button"value="7"onclick="inputEvent(this)"/></td><td><inputtype="button"value="8"onclick="inputEvent(this)"/></td></tr>
<!--第四行-->
<tr><td><inputtype="button"value="9"onclick="inputEvent(this)"/></td><td><inputtype="button"value="0"onclick="inputEvent(this)"/></td><td><inputtype="button"value="."onclick="inputEvent(this)"/></td><td><inputtype="button"value="="onclick="inputEquel(this)"/></td></tr>
<!--第五行-->
<tr><td><inputtype="button"value="+"onclick="inputOper(this)"/></td><td><inputtype="button"value="-"onclick="inputOper(this)"/></td><td><inputtype="button"value="*"onclick="inputOper(this)"/></td><td><inputtype="button"value="/"onclick="inputOper(this)"/></td></tr>
</table>
</body>
</html> <html>
<head>
<title>计算器</title>
</head>
<body bgcolor="#ffffff" onload="FKeyPad.ReadOut.focus();FKeyPad.ReadOut.select();">
<FORM name="Keypad" action="">
<TABLE align="center">
<B>
<TABLE align="center" border=2 width=50 height=60 cellpadding=1 cellspacing=5>
<TR>
<TD colspan=3 align=middle><input name="ReadOut" type="Text" onkeypress="CheckOut()" size=24 value="0"
width=100%></TD>
<TD></TD>
<TD><input name="btnClear" type="Button" value=" C " onclick="Clear()"></TD>
<TD><input name="btnClearEntry" type="Button" value=" CE " onclick="ClearEntry()"></TD>
</TR>
<TR>
<TD><input name="btnSeven" type="Button" value=" 7 " onclick="NumPressed(7)"></TD>
<TD><input name="btnEight" type="Button" value=" 8 " onclick="NumPressed(8)"></TD>
<TD><input name="btnNine" type="Button" value=" 9 " onclick="NumPressed(9)"></TD>
<TD></TD>
<TD><input name="btnNeg" type="Button" value=" +/- " onclick="Neg()"></TD>
<TD><input name="btnPercent" type="Button" value=" % " onclick="Percent()"></TD>
</TR>
<TR>
<TD><input name="btnFour" type="Button" value=" 4 " onclick="NumPressed(4)"></TD>
<TD><input name="btnFive" type="Button" value=" 5 " onclick="NumPressed(5)"></TD>
<TD><input name="btnSix" type="Button" value=" 6 " onclick="NumPressed(6)"></TD>
<TD></TD>
<TD align=middle><input name="btnPlus" type="Button" value=" + " onclick="Operation('+')"> </TD>
<TD align=middle><input name="btnMinus" type="Button" value=" - " onclick="Operation('-')"></TD>
</TR>
<TR>
<TD><input name="btnOne" type="Button" value=" 1 " onclick="NumPressed(1)"></TD>
<TD><input name="btnTwo" type="Button" value=" 2 " onclick="NumPressed(2)"></TD>
<TD><input name="btnThree" type="Button" value=" 3 " onclick="NumPressed(3)"></TD>
<TD></TD>
<TD align=middle><input name="btnMultiply" type="Button" value=" * " onclick="Operation('*')"></TD>
<TD align=middle><input name="btnDivide" type="Button" value=" / " onclick="Operation('/')"></TD>
</TR>
<TR>
<TD><input name="btnZero" type="Button" value=" 0 " onclick="NumPressed(0)"></TD>
<TD><input name="btnDecimal" type="Button" value=" . " onclick="Decimal()"></TD>
<TD colspan=2></TD>
<TD><input name="btnEquals" type="Button" value=" = " onclick="Operation('=')"></TD>
<TD><input name="btnReturn" type="Button" value="返 回" onclick="goReturn()"></TD>
</TR>
</TABLE>
</TABLE>
</B>
</FORM>
</CENTER>
<font face="Verdana, Arial, Helvetica" size=2>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var FKeyPad = document.forms['Keypad'];
var Accum = "0";
var FlagNewNum = false;
var PendingOp = "";
//===============================================================================
//[描述] 浮点数精确计算
//[参数] str1 - 第一个数
// str2 - 第二个数
// type - 运算符
// precision - 小数位精度
//[调用方式] longCount(str1,str2,type,precision);
//[返回值] 计算结果
//===============================================================================
function longCount(str1,str2,type) {
var comma1 = 0;
if (str1.indexOf(".")!=-1) {
str1 = str1.replace(/0*$/,"");
comma1 = str1.length - str1.indexOf(".")-1;
}
var comma2 = 0;
if (str2.indexOf(".")!=-1) {
str2 = str2.replace(/0*$/,"");
comma2 = str2.length - str2.indexOf(".")-1;
}
str1 = str1.replace(/\./,"");
str2 = str2.replace(/\./,"");
var value,comma;
if (type!="*") {
if (comma1>comma2) {
for (var i=0;i<comma1-comma2;i++) str2 += "0";
comma = (type=="/")?0:comma1;
}else {
for (var i=0;i<comma2-comma1;i++) str1 += "0";
comma = (type=="/")?0:comma2;
}
}else {
comma = comma1 + comma2;
}
if (type=="+") {
value = parseInt(str1,10) + parseInt(str2,10);
}else if (type=="-") {
value = parseInt(str1,10) - parseInt(str2,10);
}else if (type=="*") {
value = parseInt(str1,10) * parseInt(str2,10);
}else if (type=="/") {
value = parseInt(str1,10) / parseInt(str2,10);
}
value = String(value);
if (comma>0) value = value.substring(0,value.length-comma)+"."+value.substring(value.length-
comma,value.length);
if (value.indexOf(".")!=-1)
value = value.replace(/0*$/,"");
return value;
}
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 || '-' == PendingOp || '/' == PendingOp || '*' == PendingOp)
Accum = longCount(Accum,Readout,PendingOp);
else
Accum = Readout;
FKeyPad.ReadOut.value = Accum;
PendingOp = Op;
FKeyPad.ReadOut.focus();
FKeyPad.ReadOut.select();
}
}
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 () {
alert(FKeyPad.ReadOut.value);
FKeyPad.ReadOut.value = longCount(FKeyPad.ReadOut.value,"-1","*");
}
function Percent () {
FKeyPad.ReadOut.value = longCount(FKeyPad.ReadOut.value,Accum,"*");
FKeyPad.ReadOut.value = longCount(FKeyPad.ReadOut.value,100,"/");
}
function goReturn() {
top.returnValue = FKeyPad.ReadOut.value;
self.close();
}
function CheckOut() {
var keyCode = window.event.keyCode;
if (keyCode>=48 && keyCode<=57) {
if (FlagNewNum) {
FKeyPad.ReadOut.value = "";
//window.event.keyCode = null;
FlagNewNum = false;
}
return true;
}else if (keyCode==43 || keyCode==45 || keyCode==42 || keyCode==47 || keyCode==61) {
Operation(String.fromCharCode(keyCode));
}else if (keyCode==46) {//.
if (FKeyPad.ReadOut.value.indexOf(".") == -1)
return true;
}else if (keyCode==13) goReturn();
window.event.returnValue = false;
return false;
}
// End -->
</SCRIPT>
</body>
</html> <html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
<head>
<title>计算器</title>
</head>
<script type="text/javascript" language="javascript">
function add(obj)
{
document.getElementById("txt1").value+=obj.value;
}
function results()
{
var obj=document.getElementById("txt1").value;
if(obj.indexOf("=")<0)
document.getElementById("txt1").value+="="+eval(obj);
}
function clears()
{
document.getElementById("txt1").value="";
}
</script>
<body>
<table>
<tr>
<td><input type="button" onclick="add(this)" id="Button1" value="1" /></td>
<td><input type="button" onclick="add(this)" id="Button2" value="2" /></td>
<td><input type="button" onclick="add(this)" id="Button3" value="3" /></td>
<td><input type="button" onclick="add(this)" id="Button13" value="+" /></td>
</tr>
<tr>
<td><input type="button" onclick="add(this)" id="Button4" value="4" /></td>
<td><input type="button" onclick="add(this)" id="Button5" value="5" /></td>
<td><input type="button" onclick="add(this)" id="Button6" value="6" /></td>
<td><input type="button" onclick="add(this)" id="Button14" value="-" /></td>
</tr>
<tr>
<td><input type="button" onclick="add(this)" id="Button7" value="7" /></td>
<td><input type="button" onclick="add(this)" id="Button8" value="8" /></td>
<td><input type="button" onclick="add(this)" id="Button9" value="9" /></td>
<td><input type="button" onclick="add(this)" id="Button15" value="*" /></td>
</tr>
<tr>
<td><input type="button" onclick="clears()" id="Button11" value="c" /></td>
<td><input type="button" onclick="add(this)" id="Button10" value="0" /></td>
<td><input type="button" onclick="results()" id="Button12" value="=" /></td>
<td><input type="button" onclick="add(this)" id="Button16" value="/" /></td>
</tr>
</table>
<input type="text" id="txt1" />
</body>
</html>
刚写的 http://www.phpxd.com/yuandaima/2008-12-20/200812200914470.html
这里有个黑色的。 HTML?怎么写？ 是JS吧
本文由作者笔名：谢堂君 于 2023-05-02 11:10:01发表在本站，原创文章，禁止转载，文章内容仅供娱乐参考，不能盲信。
本文链接：https://www.3m3q.com/sm-92884.html
相关文章
随机推荐
电视剧一生只爱你一共有多少集(一生只爱你一人30)
2023-01-21
画江湖之不良人真人版有第三部吗(不良人3第三季真人版)
2023-04-23
抖音吸引人涨粉的个人简介100个搞笑视频(抖音吸引人的个人简介简短)
2023-08-26
嫪毐的权势和渭阳君嬴傒比，谁的官更大(长信侯在古时候的地位)
2023-08-10
沉默(全)txt全集下载(沉默电视剧全集免费)
2023-04-27
王牌对王牌关晓彤穿旗袍是哪期(王牌对王牌杨颖穿旗袍跳舞)
2023-01-20
和玩具酱一样火的还有谁(和萌白酱一样身份)
2023-05-29
江苏教育频道《成长》栏目(江苏教育频道成长栏目荔枝网)
2023-04-14
热门文章
我想用Lisy作英文名可以吗因为读音跟我中文名很像(dizzily)
2023-04-26
曾泽生的介绍(曾全生50军军长)
2023-01-22
Dnf武器幻化了能改吗(dnf武器幻化完可以更换武器吗?)
2023-06-18
姚芊羽和谁长得像(姚芊羽和另一个演员很像)
2023-08-13
电视剧儿女传奇之情定三生一共多少集(儿女传奇电影完整版)
2022-12-29
ipad9和ipad air3选择哪一个好(ipad第九代值得买吗)
2023-08-14
去哪压lol比赛(lol官方赛事回放)
2022-12-26
圈内人对董洁的评价是什么(董洁人品确实不好)
2023-06-08