Merge a88bab9864 into 9e8dd00f10

3 months ago · 7f3f405b42
parent 9e8dd00f10 a88bab9864
commit 7f3f405b42
3 changed files with 75 additions and 0 deletions
--- a/calculator-app/index.html
+++ b/calculator-app/index.html
@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Calculator</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+
+<div class="calculator">
+  <input type="text" id="display" disabled />
+
+  <div class="buttons">
+    <button onclick="clearAll()">AC</button>
+    <button onclick="clearLast()">C</button>
+    <button onclick="press('/')">/</button>
+
+    <button onclick="press('7')">7</button>
+    <button onclick="press('8')">8</button>
+    <button onclick="press('9')">9</button>
+    <button onclick="press('*')">*</button>
+
+    <button onclick="press('4')">4</button>
+    <button onclick="press('5')">5</button>
+    <button onclick="press('6')">6</button>
+    <button onclick="press('-')">-</button>
+
+    <button onclick="press('1')">1</button>
+    <button onclick="press('2')">2</button>
+    <button onclick="press('3')">3</button>
+    <button onclick="press('+')">+</button>
+
+    <button onclick="press('0')">0</button>
+    <button onclick="calculate()">=</button>
+  </div>
+</div>
+
+<script src="script.js"></script>
+</body>
+</html>
--- a/calculator-app/script.js
+++ b/calculator-app/script.js
@ -0,0 +1,21 @@
+let display = document.getElementById("display");
+
+function press(val) {
+  display.value += val;
+}
+
+function calculate() {
+  try {
+    display.value = eval(display.value); // (ok for practice)
+  } catch {
+    display.value = "ERR";
+  }
+}
+
+function clearAll() {
+  display.value = "";
+}
+
+function clearLast() {
+  display.value = display.value.slice(0, -1);
+}
--- a/calculator-app/style.css
+++ b/calculator-app/style.css
@ -0,0 +1,15 @@
+body {
+  font-family: Arial;
+  text-align: center;
+}
+
+.calculator {
+  width: 200px;
+  margin: auto;
+}
+
+button {
+  width: 40px;
+  height: 40px;
+  margin: 2px;
+}