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

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章