Update v1.5

Author: andrewvd31

app.js

@@ -3,6 +3,7 @@ const backBtn = document.querySelector(".backsp-btn");
 const equalToBtn = document.querySelector(".equal-to");
 const btnClick = document.querySelectorAll(".btn");
 const inputbtnValue = document.querySelector(".number-box");
+const operationBtn = document.querySelectorAll(".btn .operation-btn");
 
 btnClick.forEach(myFunction);
 
@@ -23,6 +24,9 @@ function evaluateFunction() {
     const equalTo = eval(inputbtnValue.value);
     inputbtnValue.value = equalTo;
     buttonFunctionDisable(false);
+    if (inputbtnValue.value.length === inputbtnValue.maxLength){
+        buttonFunctionDisable(true);
+    }
   }
 }
 
@@ -42,7 +46,17 @@ function myFunction(button) {
       inputbtnValue.value += btnClick;
     }
     if (inputbtnValue.value.length === inputbtnValue.maxLength) {
-      buttonFunctionDisable(true);
+      if (
+        btnClick === "+" ||
+        btnClick === "-" ||
+        btnClick === "*" ||
+        btnClick === "/"
+      ) {
+        buttonFunctionDisable(false);
+      }
+      else{
+        buttonFunctionDisable(true);
+      }
     }
   });
-}
+}

index.html

@@ -13,8 +13,8 @@
         <input type="text" id="number-box" class="number-box" minlength="1" maxlength="10">
         <div class="calculator-container">
             <button class="clear-btn">AC</button>
-            <button class="btn" data-set="%">%</button>
             <button class="backsp-btn"><i class="fa-solid fa-delete-left"></i></button>
+            <button class="btn operation-btn" data-set="%">%</button>
             <button class="btn operation-btn" data-set="/">÷</button>
         </div>
         <div class="calculator-container">