做了一個小的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>