add backspace key

dwnorm2 · Jan 26, 2024 · 45b8ab7 · 45b8ab7
1 parent c08eb56
commit 45b8ab7
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 3 deletions.
diff --git a/css/style.css b/css/style.css
@@ -53,11 +53,16 @@ body {
   /* border: none; */
 }
 
-.clear,
-.zero {
+.clear {
   flex: 2 auto !important;
 }
 
+.backspace {
+  display: flex;
+  align-items: center;
+  font-size: 2rem;
+}
+
 /******************************************
 /* LAYOUT
 /*******************************************/

diff --git a/index.html b/index.html
@@ -41,8 +41,9 @@
 			<div class="add">+</div>
 		</div>
 		<div class="row">
-			<div class="zero">0</div>
 			<div class="decimal">.</div>
+			<div class="zero">0</div>
+			<div class="backspace">⌫</div>
 			<div class="equals">=</div>
 		</div>
 	</div>

diff --git a/js/main.js b/js/main.js
@@ -46,6 +46,11 @@ document.querySelector(".clear").addEventListener("click", function () {
   display.textContent = "0";
 });
 
+document.querySelector(".backspace").addEventListener("click", function () {
+  calc.delete();
+  showCurrentNum();
+});
+
 document.querySelector(".divide").addEventListener("click", function () {
   calc.divide();
   showCurrentNum();