From 39adf3af565b789810a804fcb92765b8cbc5e833 Mon Sep 17 00:00:00 2001
From: lolabird <octavia@octavianichols.com>
Date: Wed, 27 Dec 2023 00:55:32 -0700
Subject: [PATCH] Add clear, clear error and decimal buttons

---
 index.html |  4 +++-
 script.js  | 12 +++++++++++-
 style.css  |  5 +++++
 3 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index b956b4d..fe8d50b 100644
--- a/index.html
+++ b/index.html
@@ -11,6 +11,8 @@
     <main>
         <div class="calculator">
             <div class="screen">0</div>
+            <button class="clear">C</button>
+            <button class="back">CE</button>
             <button class="num">7</button>
             <button class="num">8</button>
             <button class="num">9</button>
@@ -24,7 +26,7 @@
             <button class="num">3</button>
             <button class="operator">-</button>
             <button class="num">0</button>
-            <button class="clear">C</button>
+            <button class="num">.</button>
             <button class="equal">=</button>
             <button class="operator">+</button>
         </div>
diff --git a/script.js b/script.js
index 4dd1e09..539a4e3 100644
--- a/script.js
+++ b/script.js
@@ -8,17 +8,27 @@ buttons.forEach((button) => {
 
 
 function displayToScreen() {
-
     if (this.className == "equal") {
         let calc = new Calculator;
 
         screen.textContent = calc.calculate(screen.textContent);
     } else if (this.className == "clear") {
         screen.textContent = "0";
+    } else if (this.className == "back") {
+        screen.textContent = screen.textContent.trimEnd()
+        screen.textContent = screen.textContent.slice(0, -1);
+
+        if (!isNaN(screen.textContent.charAt(-2))) {
+            screen.textContent = screen.textContent.trimEnd()
+        }
     } else {
         if (this.className == "operator") {
             let screenContent = screen.textContent;
 
+            // Add some logic for handling negatives with -
+            // Handle decimals add 0 on a trailing decimal point
+            // Add key support
+
             for (let i = 0; i < screenContent.length; i++ ) {
                 if (operators.includes(screenContent[i])) {
                     let calc = new Calculator;
diff --git a/style.css b/style.css
index 01f35dd..ccfd3fb 100644
--- a/style.css
+++ b/style.css
@@ -45,6 +45,11 @@ button {
     font-size: 50px
 }
 
+.clear, .back {
+    grid-column: span 2;
+    width: 205px;
+}
+
 footer {
     flex: 0 0 auto;
 }
\ No newline at end of file