右对齐
<input type="text" name="result" value="" style = "width:158;height:20;text-align:right" readonly>
<input type="text" name="result" value="" style = "width:158;height:20;text-align:right" readonly>
调试欢乐多
不过想做得完美一点,小数点是肯定要支持的。
代码已经更新,现在还有问题,就是当不按“=”号而直接进行多次运算,比如说“2+3+4+5”结果只等于7,也就是说只进行了最后一次运算,百思不得其解,还望指点!
关于小数点我想在做进一不完善的时候做!代码如下:<html>
<head>
<title>javascript计算器</title>
<style type="text/css">
input
{
height:30px;
width:30px;
}
</style>
<script language="javascript">
var sum1 = "";
var sum2 = "";
var NewNumber = false;
var a = "",b = "";
function add(number)
{
if(NewNumber == true)
{
document.myform.result.value="";
sum2 = sum2 + number;
b = sum2;
document.myform.result.value = parseInt(b);
}
if(NewNumber == false)
{
sum1 = sum1 + number;
a = sum1;
document.myform.result.value = parseInt(a);
}
}
function sign(op)
{
sum1 = a + op;
sum2 = "";
NewNumber = true;
}
function compute()
{
document.myform.result.value = eval(sum1 + b);
a = document.myform.result.value;
sum2 = "";
NewNumber == true;
}
function clearall()
{
document.myform.result.value="0";
sum1 = "";
sum2 = "";
NewNumber = false;
}
</script>
</head><body>
<form name="myform">
<table width="182" border="5" align="center">
<tr align = center>
<td colspan="4">
<input type="text" name="result" value="0" style = "width:158;height:20;text-align:right" readonly>
</td>
</tr>
<tr align = center>
<td><input type="button" name="Submit" value="7" onClick="add(7)"></td>
<td><input type="button" name="Submit2" value="8" onClick="add(8)"></td>
<td><input type="button" name="Submit3" value="9" onClick="add(9)"></td>
<td><input type="button" name="Submit4" value="+" onClick="sign('+')"></td>
</tr>
<tr align = center>
<td><input type="button" name="Submit5" value="4" onClick="add(4)"></td>
<td><input type="button" name="Submit6" value="5" onClick="add(5)"></td>
<td><input type="button" name="Submit7" value="6" onClick="add(6)"></td>
<td><input type="button" name="Submit8" value="-" onClick="sign('-')"></td>
</tr>
<tr align = center>
<td><input type="button" name="Submit9" value="1" onClick="add(1)"></td>
<td><input type="button" name="Submit10" value="2" onClick="add(2)"></td>
<td><input type="button" name="Submit11" value="3" onClick="add(3)"></td>
<td><input type="button" name="Submit12" value="*" onClick="sign('*')"></td>
</tr>
<tr align = center>
<td><input type="button" name="Submit13" value="0" onClick="add(0)"></td>
<td><input type="button" name="Submit14" value="C" onClick="clearall()"></td>
<td><input type="button" name="Submit15" value="/" onClick="sign('/')"></td>
<td><input type="button" name="Submit16" value="=" onClick="compute()"></td>
</tr>
</table>
</form>
</body>
</html>
呵呵
支持软键盘的同时应该也支持硬键盘。------
这里也有一个小的计算器,尽管可能对楼主没有帮助,不过也可以参考一下:<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>算式</title>
</head>
<body>
<form name=frm onsubmit="return jisuan()">
变量: <input name="bianliang" size=40 value="">输入变量请在不同的变最之间用<font color=red>,</font>隔开,如<font color=red>a=1,b=2</font><br>
算式:<input name="suanshi" size=40 ><input type=submit value="开始计算" ><br>
结果:<input name="jieguo" size=40><br>
</form>
<script language=javascript>
function jisuan()
{
try
{
with(Math) //支持数学常用的数学函数
{
//JKhaveatest=frm.bianliang.value.match(/[\w,=\'\".]+/i); //除去变量定义里的非法字符
JKhaveatest=frm.bianliang.value;
if (JKhaveatest!="")
{
frm.bianliang.value=JKhaveatest;
eval("var "+JKhaveatest+";"); //定义变量
}
eval("frm.jieguo.value="+frm.suanshi.value); //计算值
}
if ((frm.suanshi.value.match(/^\(/i)+frm.suanshi.value.match(/\)$/i))!="()")
frm.suanshi.value="("+frm.suanshi.value+")"; //用括号括起算式
frm.suanshi.focus();
}
catch(exception){alert("算式有误");frm.suanshi.focus();}
return false;
}
</script>
</body>
</html>
<META content="text/html; charset=gb2312" http-equiv=Content-Type><!--written by GoldHuman li hai--><!--2000.8-->
<STYLE>BODY {
BACKGROUND-ATTACHMENT: fixed; BACKGROUND-COLOR: #edf0e1; COLOR: #0001fc; FONT-FAMILY: "宋体", "Arial", "Times New Roman"; FONT-SIZE: 9pt
}
TD {
FONT-FAMILY: "宋体", "Arial Narrow", "Times New Roman"; FONT-SIZE: 9pt; font-color: #000000
}
</STYLE><SCRIPT language=javascript>
<!--
var endNumber=true
var mem=0
var carry=10
var hexnum="0123456789abcdef"
var angle="d"
var stack=""
var level="0"
var layer=0
//数字键function inputkey(key)
{
var index=key.charCodeAt(0);
if ((carry==2 && (index==48 || index==49))
|| (carry==8 && index>=48 && index<=55)
|| (carry==10 && (index>=48 && index<=57 || index==46))
|| (carry==16 && ((index>=48 && index<=57) || (index>=97 && index<=102))))
if(endNumber)
{
endNumber=false
document.calc.display.value = key
}
else if(document.calc.display.value == null || document.calc.display.value == "0")
document.calc.display.value = key
else
document.calc.display.value += key
}function changeSign()
{
if (document.calc.display.value!="0")
if(document.calc.display.value.substr(0,1) == "-")
document.calc.display.value = document.calc.display.value.substr(1)
else
document.calc.display.value = "-" + document.calc.display.value
}//函数键function inputfunction(fun,shiftfun)
{
endNumber=true
if (document.calc.shiftf.checked)
document.calc.display.value=decto(funcalc(shiftfun,(todec(document.calc.display.value,carry))),carry)
else
document.calc.display.value=decto(funcalc(fun,(todec(document.calc.display.value,carry))),carry)
document.calc.shiftf.checked=false
document.calc.hypf.checked=false
inputshift()
}function inputtrig(trig,arctrig,hyp,archyp)
{
if (document.calc.hypf.checked)
inputfunction(hyp,archyp)
else
inputfunction(trig,arctrig)
}
//运算符function operation(join,newlevel)
{
endNumber=true
var temp=stack.substr(stack.lastIndexOf("(")+1)+document.calc.display.value
while (newlevel!=0 && (newlevel<=(level.charAt(level.length-1))))
{
temp=parse(temp)
level=level.slice(0,-1)
}
if (temp.match(/^(.*\d[\+\-\*\/\%\^\&\|x])?([+-]?[0-9a-f\.]+)$/))
document.calc.display.value=RegExp.$2
stack=stack.substr(0,stack.lastIndexOf("(")+1)+temp+join
document.calc.operator.value=" "+join+" "
level=level+newlevel
}//括号function addbracket()
{
endNumber=true
document.calc.display.value=0
stack=stack+"("
document.calc.operator.value=" "
level=level+0
layer+=1
document.calc.bracket.value="(="+layer
}function disbracket()
{
endNumber=true
var temp=stack.substr(stack.lastIndexOf("(")+1)+document.calc.display.value
while ((level.charAt(level.length-1))>0)
{
temp=parse(temp)
level=level.slice(0,-1)
}
document.calc.display.value=temp
stack=stack.substr(0,stack.lastIndexOf("("))
document.calc.operator.value=" "
level=level.slice(0,-1) layer-=1
if (layer>0)
document.calc.bracket.value="(="+layer
else
document.calc.bracket.value=""
}//等号function result()
{
endNumber=true
while (layer>0)
disbracket()
var temp=stack+document.calc.display.value
while ((level.charAt(level.length-1))>0)
{
temp=parse(temp)
level=level.slice(0,-1)
} document.calc.display.value=temp
document.calc.bracket.value=""
document.calc.operator.value=""
stack=""
level="0"
}
//修改键function backspace()
{
if (!endNumber)
{
if(document.calc.display.value.length>1)
document.calc.display.value=document.calc.display.value.substring(0,document.calc.display.value.length - 1)
else
document.calc.display.value=0
}
}function clearall()
{
document.calc.display.value=0
endNumber=true
stack=""
level="0"
layer=""
document.calc.operator.value=""
document.calc.bracket.value=""
}
//转换键function inputChangCarry(newcarry)
{
endNumber=true
document.calc.display.value=(decto(todec(document.calc.display.value,carry),newcarry))
carry=newcarry document.calc.sin.disabled=(carry!=10)
document.calc.cos.disabled=(carry!=10)
document.calc.tan.disabled=(carry!=10)
document.calc.bt.disabled=(carry!=10)
document.calc.pi.disabled=(carry!=10)
document.calc.e.disabled=(carry!=10)
document.calc.kp.disabled=(carry!=10)
document.calc.k2.disabled=(carry<=2)
document.calc.k3.disabled=(carry<=2)
document.calc.k4.disabled=(carry<=2)
document.calc.k5.disabled=(carry<=2)
document.calc.k6.disabled=(carry<=2)
document.calc.k7.disabled=(carry<=2)
document.calc.k8.disabled=(carry<=8)
document.calc.k9.disabled=(carry<=8)
document.calc.ka.disabled=(carry<=10)
document.calc.kb.disabled=(carry<=10)
document.calc.kc.disabled=(carry<=10)
document.calc.kd.disabled=(carry<=10)
document.calc.ke.disabled=(carry<=10)
document.calc.kf.disabled=(carry<=10)
}function inputChangAngle(angletype)
{
endNumber=true
angle=angletype
if (angle=="d")
document.calc.display.value=radiansToDegress(document.calc.display.value)
else
document.calc.display.value=degressToRadians(document.calc.display.value)
endNumber=true
}function inputshift()
{
if (document.calc.shiftf.checked)
{
document.calc.bt.value="deg "
document.calc.ln.value="exp "
document.calc.log.value="expd"
if (document.calc.hypf.checked)
{
document.calc.sin.value="ahs "
document.calc.cos.value="ahc "
document.calc.tan.value="aht "
}
else
{
document.calc.sin.value="asin"
document.calc.cos.value="acos"
document.calc.tan.value="atan"
}
document.calc.sqr.value="x^.5"
document.calc.cube.value="x^.3"
document.calc.floor.value="小数"
}
else
{
document.calc.bt.value="d.ms"
document.calc.ln.value=" ln "
document.calc.log.value="log " if (document.calc.hypf.checked)
{
document.calc.sin.value="hsin"
document.calc.cos.value="hcos"
document.calc.tan.value="htan"
}
else
{
document.calc.sin.value="sin "
document.calc.cos.value="cos "
document.calc.tan.value="tan "
}
document.calc.sqr.value="x^2 "
document.calc.cube.value="x^3 "
document.calc.floor.value="取整"
}}
//存储器部分function clearmemory()
{
mem=0
document.calc.memory.value=" "
}function getmemory()
{
endNumber=true
document.calc.display.value=decto(mem,carry)
}function putmemory()
{
endNumber=true
if (document.calc.display.value!=0)
{
mem=todec(document.calc.display.value,carry)
document.calc.memory.value=" M "
}
else
document.calc.memory.value=" "
}function addmemory()
{
endNumber=true
mem=parseFloat(mem)+parseFloat(todec(document.calc.display.value,carry))
if (mem==0)
document.calc.memory.value=" "
else
document.calc.memory.value=" M "
}function multimemory()
{
endNumber=true
mem=parseFloat(mem)*parseFloat(todec(document.calc.display.value,carry))
if (mem==0)
document.calc.memory.value=" "
else
document.calc.memory.value=" M "
}//十进制转换function todec(num,oldcarry)
{
if (oldcarry==10 || num==0) return(num)
var neg=(num.charAt(0)=="-")
if (neg) num=num.substr(1)
var newnum=0
for (var index=1;index<=num.length;index++)
newnum=newnum*oldcarry+hexnum.indexOf(num.charAt(index-1))
if (neg)
newnum=-newnum
return(newnum)
}function decto(num,newcarry)
{
var neg=(num<0)
if (newcarry==10 || num==0) return(num)
num=""+Math.abs(num)
var newnum=""
while (num!=0)
{
newnum=hexnum.charAt(num%newcarry)+newnum
num=Math.floor(num/newcarry)
}
if (neg)
newnum="-"+newnum
return(newnum)
}
//表达式解析function parse(string)
{
if (string.match(/^(.*\d[\+\-\*\/\%\^\&\|x\<])?([+-]?[0-9a-f\.]+)([\+\-\*\/\%\^\&\|x\<])([+-]?[0-9a-f\.]+)$/))
return(RegExp.$1+cypher(RegExp.$2,RegExp.$3,RegExp.$4))
else
return(string)
}//数学运算和位运算function cypher(left,join,right)
{
left=todec(left,carry)
right=todec(right,carry)
if (join=="+")
return(decto(parseFloat(left)+parseFloat(right),carry))
if (join=="-")
return(decto(left-right,carry))
if (join=="*")
return(decto(left*right,carry))
if (join=="/" && right!=0)
return(decto(left/right,carry))
if (join=="%")
return(decto(left%right,carry))
if (join=="&")
return(decto(left&right,carry))
if (join=="|")
return(decto(left|right,carry))
if (join=="^")
return(decto(Math.pow(left,right),carry))
if (join=="x")
return(decto(left^right,carry))
if (join=="<")
return(decto(left<<right,carry))
alert("除数不能为零")
return(left)
}//函数计算function funcalc(fun,num)
{
with(Math)
{
if (fun=="pi")
return(PI)
if (fun=="e")
return(E) if (fun=="abs")
return(abs(num))
if (fun=="ceil")
return(ceil(num))
if (fun=="round")
return(round(num)) if (fun=="floor")
return(floor(num))
if (fun=="deci")
return(num-floor(num))
if (fun=="ln" && num>0)
return(log(num))
if (fun=="exp")
return(exp(num))
if (fun=="log" && num>0)
return(log(num)*LOG10E)
if (fun=="expdec")
return(pow(10,num))
if (fun=="cube")
return(num*num*num)
if (fun=="cubt")
return(pow(num,1/3))
if (fun=="sqr")
return(num*num)
if (fun=="sqrt" && num>=0)
return(sqrt(num)) if (fun=="!")
return(factorial(num)) if (fun=="recip" && num!=0)
return(1/num)
if (fun=="dms")
return(dms(num))
if (fun=="deg")
return(deg(num)) if (fun=="~")
return(~num)
if (angle=="d")
{
if (fun=="sin")
return(sin(degressToRadians(num)))
if (fun=="cos")
return(cos(degressToRadians(num)))
if (fun=="tan")
return(tan(degressToRadians(num))) if (fun=="arcsin" && abs(num)<=1)
return(radiansToDegress(asin(num)))
if (fun=="arccos" && abs(num)<=1)
return(radiansToDegress(acos(num)))
if (fun=="arctan")
return(radiansToDegress(atan(num)))
}
else
{
if (fun=="sin")
return(sin(num))
if (fun=="cos")
return(cos(num))
if (fun=="tan")
return(tan(num)) if (fun=="arcsin" && abs(num)<=1)
return(asin(num))
if (fun=="arccos" && abs(num)<=1)
return(acos(num))
if (fun=="arctan")
return(atan(num))
}
if (fun=="hypsin")
return((exp(num)-exp(0-num))*0.5)
if (fun=="hypcos")
return((exp(num)+exp(-num))*0.5)
if (fun=="hyptan")
return((exp(num)-exp(-num))/(exp(num)+exp(-num))) if (fun=="ahypsin" | fun=="hypcos" | fun=="hyptan")
{
alert("对不起,公式还没有查到!")
return(num)
}
alert("超出函数定义范围")
return(num)
}
}function factorial(n)
{
n=Math.abs(parseInt(n))
var fac=1
for (;n>0;n-=1)
fac*=n
return(fac)
}function dms(n)
{
var neg=(n<0)
with(Math)
{
n=abs(n)
var d=floor(n)
var m=floor(60*(n-d))
var s=(n-d)*60-m
}
var dms=d+m/100+s*0.006
if (neg)
dms=-dms
return(dms)
}function deg(n)
{
var neg=(n<0)
with(Math)
{
n=abs(n)
var d=floor(n)
var m=floor((n-d)*100)
var s=(n-d)*100-m
}
var deg=d+m/60+s/36
if (neg)
deg=-deg
return(deg)
}function degressToRadians(degress)
{
return(degress*Math.PI/180)
}function radiansToDegress(radians)
{
return(radians*180/Math.PI)
}
</SCRIPT>
<!--written by GoldHuman li hai--><!--2000.8-->
<META content="Microsoft FrontPage 4.0" name=GENERATOR></HEAD>
<BODY>
<DIV align=center>
<FORM name=calc>
<TABLE border=1 height=250 width=500>
<TBODY>
<TR>
<TD height=50>
<TABLE width=500>
<TBODY>
<TR>
<TD></TD>
<TD>
<DIV align=center><INPUT name=display readOnly size=40 value=0>
</DIV></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD>
<TABLE width=500>
<TBODY>
<TR>
<TD width=290><INPUT name=carry onclick=inputChangCarry(16)
type=radio> 十六进制 <INPUT CHECKED name=carry
onclick=inputChangCarry(10) type=radio> 十进制 <INPUT name=carry
onclick=inputChangCarry(8) type=radio> 八进制 <INPUT name=carry
onclick=inputChangCarry(2) type=radio> 二进制 </TD>
<TD></TD>
<TD width=135><INPUT CHECKED name=angle
onclick="inputChangAngle('d')" type=radio value=d> 角度制 <INPUT
name=angle onclick="inputChangAngle('r')" type=radio value=r> 弧度制
</TD></TR></TBODY></TABLE>
<TABLE width=500>
<TBODY>
<TR>
<TD width=170><INPUT name=shiftf onclick=inputshift()
type=checkbox>上档功能 <INPUT name=hypf onclick=inputshift()
type=checkbox>双曲函数 </TD>
<TD><INPUT name=bracket readOnly size=3
style="BACKGROUND-COLOR: lightgrey"> <INPUT name=memory readOnly
size=3 style="BACKGROUND-COLOR: lightgrey"> <INPUT name=operator
readOnly size=3 style="BACKGROUND-COLOR: lightgrey"> </TD>
<TD width=183><INPUT onclick=backspace() style="COLOR: red" type=button value=" 退格 ">
<INPUT onclick="document.calc.display.value = 0 " style="COLOR: red" type=button value=" 清屏 ">
<INPUT onclick=clearall() style="COLOR: red" type=button value=" 全清">
</TD></TR></TBODY></TABLE>
<TABLE width=500>
<TBODY>
<TR>
<TD>
<TABLE>
<TBODY>
<TR align=middle>
<TD><INPUT name=pi onclick="inputfunction('pi','pi')" style="COLOR: blue" type=button value=" PI ">
</TD>
<TD><INPUT name=e onclick="inputfunction('e','e')" style="COLOR: blue" type=button value=" E ">
</TD>
<TD><INPUT name=bt onclick="inputfunction('dms','deg')" style="COLOR: #ff00ff" type=button value=d.ms>
</TD></TR>
<TR align=middle>
<TD><INPUT onclick=addbracket() style="COLOR: #ff00ff" type=button value=" ( ">
</TD>
<TD><INPUT onclick=disbracket() style="COLOR: #ff00ff" type=button value=" ) ">
</TD>
<TD><INPUT name=ln onclick="inputfunction('ln','exp')" style="COLOR: #ff00ff" type=button value=" ln ">
</TD></TR>
<TR align=middle>
<TD><INPUT name=sin onclick="inputtrig('sin','arcsin','hypsin','ahypsin')" style="COLOR: #ff00ff" type=button value="sin ">
</TD>
<TD><INPUT onclick="operation('^',7)" style="COLOR: #ff00ff" type=button value="x^y ">
</TD>
<TD><INPUT name=log onclick="inputfunction('log','expdec')" style="COLOR: #ff00ff" type=button value="log ">
</TD></TR>
<TR align=middle>
<TD><INPUT name=cos onclick="inputtrig('cos','arccos','hypcos','ahypcos')" style="COLOR: #ff00ff" type=button value="cos ">
</TD>
<TD><INPUT name=cube onclick="inputfunction('cube','cubt')" style="COLOR: #ff00ff" type=button value="x^3 ">
</TD>
<TD><INPUT onclick="inputfunction('!','!')" style="COLOR: #ff00ff" type=button value=" n! ">
</TD></TR>
<TR align=middle>
<TD><INPUT name=tan onclick="inputtrig('tan','arctan','hyptan','ahyptan')" style="COLOR: #ff00ff" type=button value="tan ">
</TD>
<TD><INPUT name=sqr onclick="inputfunction('sqr','sqrt')" style="COLOR: #ff00ff" type=button value="x^2 ">
</TD>
<TD><INPUT onclick="inputfunction('recip','recip')" style="COLOR: #ff00ff" type=button value="1/x ">
</TD></TR></TBODY></TABLE></TD>
<TD width=30></TD>
<TD>
<TABLE>
<TBODY>
<TR>
<TD><INPUT onclick=putmemory() style="COLOR: red" type=button value=" 储存 ">
</TD></TR>
<TR>
<TD><INPUT onclick=getmemory() style="COLOR: red" type=button value=" 取存 ">
</TD></TR>
<TR>
<TD><INPUT onclick=addmemory() style="COLOR: red" type=button value=" 累存 ">
</TD></TR>
<TR>
<TD><INPUT onclick=multimemory() style="COLOR: red" type=button value=" 积存 ">
</TD></TR>
<TR>
<TD height=33><INPUT onclick=clearmemory() style="COLOR: red" type=button value=" 清存 ">
</TD></TR></TBODY></TABLE></TD>
<TD width=30></TD>