jquery实现简单计算器功能（仿苹果计算器）

html部分

    
    
    
    



    


    

        

            
 0
        
        

            
AC
            
+/-
            
%
            
/
        
        

            
7
            
8
            
9
            
*
        
        

            
4
            
5
            
6
            
-
        
        

            
1
            
2
            
3
            
+
        
        

            
0
            
.
            
=
            
        
    

css部分

jquery

$(document).ready(function () {
    var num1 = "";
    var num2 = "";
    var char = "";  //符号
    var result;     //结果
    var txt = "";  //字符串
    var txt1 = "";

    //数字键
    $(".numberkey").click(function () {
        $(".AC").text("C");
        var value = $(this).text();
        txt = txt.concat(value);
        $(".result").html(txt);
        if (char == "") {
            num1 = txt;
            txt1 = num1;
        } else {
            num2 = txt;
            txt1 = txt1.concat(num2);
        }
    });

    //符号键
    $(".char").click(function () {
        txt = "";
        $(".result").html(eval(txt1));
        char = $(this).text();
        txt1 = txt1.concat(char);
    });

    //等号
    $(".mark3").click(function () {
        $(".result").html(eval(txt1));
    });

    //AC键功能
    $(".AC").click(function () {
        $(".AC").text("AC");
        num1 = "";
        num2 = "";
        char = "";
        txt = "";
        $(".result").html(0); //结果显示区为0
    });

});