您的位置：首页 > Web前端 > JavaScript

【IT日志】js计算器代码开发

2011-06-26 22:24 309 查看

做了一个小的js计算器代码，只做了加减乘除

————————————————功能设计————————————————

1.各个位数不能为空；

2.第1位和第3位必须为数字类型；

3.第2位必须为4种低级运算符；

————————————————代码设计————————————————

<html>

<head>

<title>JS计算器演示</title>

<script language="javascript">

function starCount()

{

//检查用户输入合法性

checkNull();

}

function checkFH()

{

//这里利用到ASCLL码提前将4种运算符号压入数字

var myFH=new Array("+","-","*","/");

var checkResult=0;

for(var i=0;i<4;i++)

{

if(form1.FH.value==myFH[i])

{

checkResult=1;

switch(i)

{

case 0:

var countResult=(parseFloat(form1.num1.value)+parseFloat(form1.num2.value));

form1.result.value=countResult;

break;

case 1:

var countResult=(parseFloat(form1.num1.value)-parseFloat(form1.num2.value));

form1.result.value=countResult;

break;

case 2:

var countResult=(parseFloat(form1.num1.value)*parseFloat(form1.num2.value));

form1.result.value=countResult;

break;

case 3:

var countResult=(parseFloat(form1.num1.value)/parseFloat(form1.num2.value));

form1.result.value=countResult;

break;

}

}

}

if(checkResult==0)

{

alert("请输入正确的运算符！");

form1.FH.focus();

form1.result.value="";

return false;

}

}

function checkNumber()

{

if(isNaN(form1.num1.value))

{

alert("第一个必须为数字");

form1.num1.focus();

form1.result.value="";

return false;

}

if(isNaN(form1.num2.value))

{

alert("第二个必须为数字");

form1.num2.focus();

form1.result.value="";

return false;

}

//检测运算符号合法性

checkFH();

}

function checkNull()

{

if(form1.num1.value=="")

{

alert("请输入第一个数字");

form1.num1.focus();

form1.result.value="";

return false;

}

if(form1.FH.value=="")

{

alert("请输入运算符");

form1.FH.focus();

form1.result.value="";

return false;

}

if(form1.num2.value=="")

{

alert("请输入第二个数字");

form1.num2.focus();

form1.result.value="";

return false;

}

//检测第一个和第二个数字合法性

checkNumber();

}

</script>

</head>

<body>

<form id="form1" name="form1">

计算器：</br>

数字1：<input type="text" id="num1" name="num1" size="10" value=""/>

运算符：<input type="text" id="FH" name="FH" size="10" value=""/>

数字2:<input type="text" id="num2" name="num2" size="10" value=""/>

=

<input type="text" id="result" name="result" size="10" value=""/>

<input type="button" id="count" name="count" value="计算" onclick="starCount();"/>

</form>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航