leonnoel · aizhuxue007 · Nov 15, 2023 · Nov 15, 2023 · Nov 16, 2023 · Nov 17, 2023
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+node_modules
diff --git a/index.html b/index.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>100Devs Calculator</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <main class="calculator">
+        <section class="main__display">
+            <label for="display"></label>
+            <input id="display" type="text" name="display" value="" readonly>
+        </section>
+        <section class="buttons__container">
+            <div class="buttons">
+                <button class="btn expr">7</button>
+                <button class="btn expr">8</button>
+                <button class="btn expr">9</button>
+                <button class="btn expr">/</button>
+                <button class="btn expr">4</button>
+                <button class="btn expr">5</button>
+                <button class="btn expr">6</button>
+                <button class="btn expr">x</button>
+                <button class="btn expr">1</button>
+                <button class="btn expr">2</button>
+                <button class="btn expr">3</button>
+                <button class="btn expr">+</button>
+                <button class="btn expr">0</button>
+                <button class="btn expr">.</button>
+                <button class="btn equal">=</button>
+                <button class="btn expr">-</button>
+            </div>
+        </section>
+    </main>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjs/12.0.0/math.js"></script>
+
+    <script type="module" src="index.js"></script>
+</body>
+</html>
diff --git a/index.js b/index.js
@@ -0,0 +1,55 @@
+class Calculator {
+    constructor() {
+        this.evalStr = '';
+        this.result = '';
+        this.calculator = math;
+    }
+
+    checkForX(expr) {
+        return expr.includes('x') ? expr.replace('x', '*') : expr; 
+    }
+
+    evaluate(expr) {
+        let ex = this.checkForX(expr);
+        try {
+            this.result = this.calculator.evaluate(ex);
+            return this.result;
+        } catch (error) {
+            return 'Error in expression!'
+        }
+    }
+
+    clear() {
+        this.evalStr = '';
+        this.result = '';
+    }
+
+    get getEvalStr() {
+        return this.evalStr;
+    }
+
+    set setEvalStr(expression) {
+        this.evalStr = expression
+    }
+}
+
+let myCalculator = new Calculator()
+
+const display = document.getElementById('display');
+const btns = document.querySelectorAll('.expr');
+const eqBtn = document.querySelector('.equal');
+
+btns.forEach(btn => {
+    btn.addEventListener('click', (btn) => run(btn));
+})
+
+eqBtn.addEventListener('click', solve)
+
+function run(btn) {
+    display.value += btn.target.innerText;
+}
+
+function solve() {
+    let answer = myCalculator.evaluate(display.value);
+    display.value = answer;
+}
diff --git a/node_modules/.bin/mathjs b/node_modules/.bin/mathjs
diff --git a/node_modules/.package-lock.json b/node_modules/.package-lock.json
diff --git a/node_modules/@babel/runtime/LICENSE b/node_modules/@babel/runtime/LICENSE
diff --git a/node_modules/@babel/runtime/README.md b/node_modules/@babel/runtime/README.md
diff --git a/node_modules/@babel/runtime/helpers/AsyncGenerator.js b/node_modules/@babel/runtime/helpers/AsyncGenerator.js
diff --git a/node_modules/@babel/runtime/helpers/AwaitValue.js b/node_modules/@babel/runtime/helpers/AwaitValue.js
diff --git a/node_modules/@babel/runtime/helpers/OverloadYield.js b/node_modules/@babel/runtime/helpers/OverloadYield.js
diff --git a/node_modules/@babel/runtime/helpers/applyDecoratedDescriptor.js b/node_modules/@babel/runtime/helpers/applyDecoratedDescriptor.js