caculator-JS-/script.js at master · chinmayj02/caculator-JS- · 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
function getHistory()
{
    return document.getElementById("value-history").innerText;
}
function printHistory(n)
{
    document.getElementById("value-history").innerText = n;
}
function getOutput()
{
    return document.getElementById("value-output").innerText;
}
function printOutput(n)
{
    if(n=="")
    {
        document.getElementById("value-output").innerText = n;
    }
    else
    {
        document.getElementById("value-output").innerText = getFormattedNumber(n);
    }
}
function getFormattedNumber(n)
{
    if(n=="-")
    {
        return "";
    }
    var x = Number(n);
    var val = x.toLocaleString("en");
    return val;
}
function getUnformattedNumber(n){
	return Number(n.replace(/,/g,''));
}
var operator = document.getElementsByClassName("operator");
for(var i=0 ; i<operator.length ; i++)
{
    operator[i].addEventListener("click",function(){
        if(this.id=="clear")
        {
            printHistory("");
            printOutput("");
        }
        else if(this.id=="backspace")
        {
            var output = getUnformattedNumber(getOutput()).toString();
            if(output)
            {
                output = output.substr(0,output.length-1);
                printOutput(output);
            }
        }
        else
        {
            var output = getOutput();
            var history = getHistory();
            if(output=="" && history!="")
            {
                if(isNaN(history[history.length-1]))
                {
                    history = history.substr(0,history.length-1);
                }
            }
            if(output!="" || history!="")
            {
                output = output==""?output:getUnformattedNumber(output);
                history = history + output;
                if(this.id=="=")
                {
                    var result = eval(history);
                    printOutput(result);
                    printHistory("");
                }
                else
                {
                    history = history + this.id;
                    printHistory(history);
                    printOutput("");
                }
            }}
       })
}
var number = document.getElementsByClassName("number");
for(var i=0 ; i<number.length ; i++)
{
    number[i].addEventListener("click",function(){
        var output = getUnformattedNumber(getOutput())
        if(output!=NaN)
        {
            output = output + this.id;
            printOutput(output);
        }
    })
}

// var coll = document.getElementsByClassName("collapse-header");
// for (var i = 0; i < coll.length; i++) {
//   coll[i].addEventListener("click", function() {
//     this.classList.toggle("active");
//     var content = document.getElementsByClassName("collapse-content")[0];
//     if (content.style.display === "block") {
//       content.style.display = "none";
//     } else {
//       content.style.display = "block";
//     }
//   });
// }