-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.js
104 lines (86 loc) · 5.02 KB
/
index.js
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
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
(function () {
'use strict';
var Calculator = function (_React$Component) {
_inherits(Calculator, _React$Component);
function Calculator() {
var _ref;
var _temp, _this, _ret;
_classCallCheck(this, Calculator);
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Calculator.__proto__ || Object.getPrototypeOf(Calculator)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
buttons: ["(", ")", "DEL", "AC", "1", "2", "3", "+", "4", "5", "6", "-", "7", "8", "9", "*", "0", ".", "=", "/"],
output: ""
}, _this.handleClick = function (inputSymbal) {
var pattern = /[0-9()\.=]/;
var syntaxError = new Error("Syntax Error");
var emptyInput = new Error("Empty inputfield");
if (inputSymbal == "DEL") {
_this.setState({ output: _this.state.output.slice(0, -1) });
return;
}
if (inputSymbal == "AC") {
_this.setState({ output: "" });
return;
}
if (inputSymbal.match(pattern) === null) {
_this.setState({ output: _this.state.output + " " + inputSymbal + " " });
return;
}
if (inputSymbal == "=") {
try {
var term = eval(_this.state.output);
term = Math.round(Number(term) * 1000000) / 1000000;
if (term == NaN) {
console.log("triggered");
_this.setState({ output: "Empty inputfield" });
return;
}
_this.setState({ output: term });
} catch (e) {
_this.setState({ output: "Syntax Error" });
}
return;
}
_this.setState({ output: "" + _this.state.output + inputSymbal });
}, _temp), _possibleConstructorReturn(_this, _ret);
}
_createClass(Calculator, [{
key: "render",
value: function render() {
var _this2 = this;
return React.createElement(
"div",
{ className: "calcContainer" },
React.createElement(
"div",
{ className: "output-container" },
React.createElement(
"div",
{ className: "output" },
this.state.output
)
),
this.state.buttons.map(function (button) {
return React.createElement(
"button",
{ onClick: function onClick() {
return _this2.handleClick(button);
}, key: button },
button
);
})
);
}
}]);
return Calculator;
}(React.Component);
var domContainer = document.getElementById("calculator");
var root = ReactDOM.createRoot(domContainer);
root.render(React.createElement(Calculator, null));
})();