Calculator/JavaScript.js at master · Makwana-Bharat/Calculator · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117

/* Theme Logic */
const Theme = [
    /* Dark */
    {
        bg_body: "rgb(39, 39, 39)",
        calC_body: '#262626',
        Text: "#fff"
    },
    /*Light*/
    {
        bg_body: 'rgb(224, 246, 251)',
        calC_body: '#e0f6fb',
        Text: "rgba(0,0,0,.8)"
    }
];
const ChageTheme = (Selected) => {
    $('body').css('background-color', Theme[Selected].bg_body);
    $('.calC').css('background', Theme[Selected].calC_body);
    $('Button').css('color', Theme[Selected].Text);
    $('.answer').css('color', Theme[Selected].Text);
    if (Selected == 1)
        $('.history').css({ 'background': `linear-gradient(#e0f6fb,black )`, '-webkit-background-clip': 'text', '-webkit-text-fill-color': 'transparent' });
    else
        $('.history').css({ 'background': `linear-gradient(#262626,white)`, '-webkit-background-clip': 'text', '-webkit-text-fill-color': 'transparent' });

}


$("#theme").click(() => {
    $("#theme").toggleClass('fa-sun');
    $("#theme").toggleClass('fa-moon');
    let CurrTheme = $('body').css('background-color');
    (CurrTheme == Theme[0].bg_body) ? ChageTheme(1) : ChageTheme(0);


});

/* Calculator Logic */

$("#erase").click(function (e) {
    e.preventDefault();
    $(".answer").html("0");
    $(".history").html("");
});

// Maintain Keyboard Input
$(document).keydown(function (e) {
    let InputString = "0";
    if ((e.key >= "0" && e.key <= "9") || e.key == "%" || e.key == "/" || e.key == "*" || e.key == "+" || e.key == "-" || e.key == "Enter" || e.key == "Backspace" || e.key == ".") {
        switch (e.key) {
            case "Enter":
                InputString = "=";
                break;
            case "Backspace":
                InputString = "C";
                break;
            default:
                InputString = e.key;
                break;
        }
        CalC(InputString);
    }
});

const CalC = (InputString) => {
    let ResultString = $(".answer").html();
    if (ResultString.length > 24)
        $(".answer").css("font-size", "20px")
    else if (ResultString.length > 21)
        $(".answer").css("font-size", "22px")
    else if (ResultString.length > 17)
        $(".answer").css("font-size", "24px")
    else
        $(".answer").css("font-size", "30px")

    let LastChar = ResultString.charAt($(".answer").html().length - 1)
    switch (InputString) {
        case "=":
            if (isNaN(ResultString) && LastChar != "/" && LastChar != "*" && LastChar != "+" && LastChar != "-" && LastChar != "%") {
                $(".history").append("<span>" + ResultString + "</span>");
                ResultString = (eval(ResultString))
            }
            break;
        case "C":
            ResultString = ResultString.substr(0, $(".answer").html().length - 1);
            if (ResultString == "" || ResultString == "-") ResultString = "0";
            break;
        case "+/-":
            if (ResultString.charAt(0) != "-")
                ResultString = "-" + ResultString;
            else
                ResultString = ResultString.substr(1, $(".answer").html().length)
            break;
        default:

            if (ResultString == "0" && InputString != "." && InputString != "+" && InputString != "/" && InputString != "*" && InputString != "%")
                ResultString = InputString;
            else {
                if ((LastChar == "/" || LastChar == "*" || LastChar == "+" || LastChar == "-" || LastChar == "%") && (InputString == "/" || InputString == "*" || InputString == "-" || InputString == "+" || InputString == "%")) {
                }
                else if (ResultString == "-0")
                    ResultString = "-" + InputString;
                else {

                    ResultString += InputString;
                }

            }
    }
    if (ResultString == "Infinity") {
        alert("Infinity");
        ResultString = "0";
    }

    $(".answer").html(ResultString);
}