我的Java Web作业---计算器作业

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>计算器</title>
<link rel="stylesheet" type="text/css" href="" />
<style>
   input{
  width:80px;
  text-align:center;
  }
  #inp1{
 width:180px;
 text-align:center;
 }
  
</style>


<script type="text/javascript">
    function Calculator(){


        this.jisuan=function(num1,num2,oper){
            var res=0;
            switch(oper){
                case "+":
                    res=num1+num2;
                    break;
                case "-":
                    res=num1-num2;
                    break;
                case "*":
                    res=num1*num2;
                    break;
                case "/":
                    res=num1/num2;
                    break;
case "%":
   res=num1%num2;
break;
case "+/-":
                    res=-num1;
                    break;
            }
            return res;
        }
    }
    var calculator=new Calculator();
    var val=0; 
    var xval=0;
    var temp=0;   
    var oper="";


    function inputEvent(e){
        val=e.value
        var xsval=document.getElementById("inp1");        
        xsval.value+=val; 
        xval=parseFloat(xsval.value);
    }


    function inputPCB(e){
        var xsval=document.getElementById("inp1");
        if(e.value=="C"){
            xsval.value="";
        }else if(e.value=="CE"){
xsval.value="0."
        }else if(e.value=="返回"){
xsval.value="";
}
    }

    function inputOper(e){
        oper=e.value;
        if (e.value=="+"){
            var xsval=document.getElementById("inp1");
            temp=parseFloat(xsval.value);
            xsval.value="";                        
        }else if(e.value=="-"){
            var xsval=document.getElementById("inp1");
            temp=parseFloat(xsval.value);
            xsval.value="";
        }else if(e.value=="*"){
            var xsval=document.getElementById("inp1");
            temp=parseFloat(xsval.value);
            xsval.value="";
        }else if(e.value=="/"){
            var xsval=document.getElementById("inp1");
            temp=parseFloat(xsval.value);
            xsval.value="";
        }else if(e.value=="%"){
var xsval=document.getElementById("inp1");
temp=parseFloat(xsval.value);
xsval.value=""
}else if(e.value=="+/-"){
var xsval=document.getElementById("inp1");
temp=parseFloat(xsval.value);
xsval.value=""
}
    }

    function inputEquel(e){
        var xsval=document.getElementById("inp1");        
        if(e.value=="="){
            xsval.value=calculator.jisuan(temp,xval,oper);
        }
    }
</script>
</head>


<body>
<table width="514" border="1" align="center">
  <tr>
    <td colspan="3">&nbsp;&nbsp;&nbsp;&nbsp;<input id="inp1" name="xianshi" value="" type="text" width="206"/>&nbsp;</td>
    <td><input name="" type="button" value="C" οnclick="inputPCB(this)"/>&nbsp;</td>
    <td><input name="" type="button" value="CE" οnclick="inputPCB(this)"/>&nbsp;</td>
  </tr>
  <tr>
    <td><input type="button" value="7" οnclick="inputEvent(this)"/>&nbsp;</td>
    <td><input type="button" value="8" οnclick="inputEvent(this)"/>&nbsp;</td>
    <td><input type="button" value="9" οnclick="inputEvent(this)"/>&nbsp;</td>
    <td><input type="button" value="+/-" οnclick="inputOper(this)"/>&nbsp;</td>
    <td><input type="button" value="%" οnclick="inputOper(this)"/>&nbsp;</td>
  </tr>
  <tr>
    <td><input type="button" value="4" οnclick="inputEvent(this)"/>&nbsp;</td>
    <td><input type="button" value="5" οnclick="inputEvent(this)"/>&nbsp;</td>
    <td><input type="button" value="6" οnclick="inputEvent(this)"/>&nbsp;</td>
    <td><input type="button" value="+" οnclick="inputOper(this)"/>&nbsp;</td>
    <td><input type="button" value="-" οnclick="inputOper(this)"/>&nbsp;</td>
  </tr>
  <tr>
    <td><input type="button" value="1" οnclick="inputEvent(this)"/>&nbsp;</td>
    <td><input type="button" value="2" οnclick="inputEvent(this)"/>&nbsp;</td>
    <td><input type="button" value="3" οnclick="inputEvent(this)"/>&nbsp;</td>
    <td><input type="button" value="*" οnclick="inputOper(this)"/>&nbsp;</td>
    <td><input type="button" value="/" οnclick="inputOper(this)"/>&nbsp;</td>
  </tr>
  <tr>
    <td><input type="button" value="0" οnclick="inputEvent(this)"/>&nbsp;</td>
    <td><input type="button" value="." οnclick="inputEvent(this)"/>&nbsp;</td>
    <td>&nbsp;</td>
    <td><input type="button" value="=" οnclick="inputEquel(this)"/>&nbsp;</td>
    <td><input type="button" value="返回" οnclick="inputPCB(this)"/>&nbsp;</td>
  </tr>
</table>
</body>
</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值