簡易js代碼實現(xiàn)計算器操作

更新時間：2013年04月15日 17:41:05 投稿：jingxian

正在學習javascript的朋友們，可以把這個小練習做一做，加強自己編寫代碼的能力

<html>
<head>
<title>JS版計算器</title>
<link rel="stylesheet" type="text/css" href="">
<meta http-equiv="content-type" content="text/html;charset=utf-8">

<script type="text/javascript">

    /* 定義一個Calculator類*/
    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;
            }
            return res;
        }
    }
    //創(chuàng)建對象
    var calculator=new Calculator();

    /*定義全局變量*/
    var val=0; //放置輸入的值
    var xval=0;//保存轉(zhuǎn)換Number類型的值
    var temp=0; //保存第一次輸入的值
    var oper="";//保存輸入的操作符

    /*獲取輸入數(shù)字*/
    function inputEvent(e){

        val=e.value
        var xsval=document.getElementById("inp1");
        xsval.value+=val; //連續(xù)輸入數(shù)字(String類型)
        //轉(zhuǎn)換Number類型
        xval=parseFloat(xsval.value);

    }

    /*獲取第一行的數(shù)據(jù)*/
    function inputPCB(e){
        //window.alert(e.value);
        var xsval=document.getElementById("inp1");
        if(e.value=="Clear"){
            xsval.value="";
        }else if(e.value=="Back"){
            /*這個功能還沒有實現(xiàn)，有興趣的朋友可以自己做一做*/

        }else if(e.value=="POWER"){
            //計算平方
            xsval.value=Math.pow(xsval.value,2);
        }
    }

/*輸入操作符*/
function inputOper(e){

        oper=e.value;
        //window.alert(typeof oper);
        //oper=oper.substr(0);
        if (e.value=="+"){
            var xsval=document.getElementById("inp1");
            //保存上次計算結(jié)果，并對字符串進行轉(zhuǎn)換Number類型
            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="";
        }
    }