Update v1.0

andrewvd31 · andrewvd31 · commit d425f1b380b8 · 2024-07-20T11:11:38.000+05:30
diff --git a/app.js b/app.js
@@ -1,47 +1,48 @@
-const clearBtn = document.querySelector('.clear-btn')
-const backBtn = document.querySelector('.backsp-btn')
-const equalToBtn = document.querySelector('.equal-to')
-const btnClick = document.querySelectorAll('.btn')
-const inputbtnValue = document.querySelector('.number-box')
+const clearBtn = document.querySelector(".clear-btn");
+const backBtn = document.querySelector(".backsp-btn");
+const equalToBtn = document.querySelector(".equal-to");
+const btnClick = document.querySelectorAll(".btn");
+const inputbtnValue = document.querySelector(".number-box");
 
-btnClick.forEach(myFunction) 
+btnClick.forEach(myFunction);
 
-equalToBtn.addEventListener('click',evaluateFunction)
+equalToBtn.addEventListener("click", evaluateFunction);
 
-backBtn.addEventListener('click',backSpaceFunction)
+backBtn.addEventListener("click", backSpaceFunction);
 
-clearBtn.addEventListener('click',clearFunction)
+clearBtn.addEventListener("click", clearFunction);
 
-function buttonFunctionDisable(data){
-    for (let buttons of btnClick){
-        buttons.disabled = data
-    }
+function buttonFunctionDisable(data) {
+  for (let buttons of btnClick) {
+    buttons.disabled = data;
+  }
 }
 
-function evaluateFunction(){
-    const equalTo = eval(inputbtnValue.value)
-    inputbtnValue.value = equalTo 
-    buttonFunctionDisable(false)
+function evaluateFunction() {
+  if (inputbtnValue.value) {
+    const equalTo = eval(inputbtnValue.value);
+    inputbtnValue.value = equalTo;
+    buttonFunctionDisable(false);
+  }
 }
 
-function clearFunction(){
-    inputbtnValue.value = ""
+function clearFunction() {
+  inputbtnValue.value = "";
 }
 
-function backSpaceFunction(){
-    inputbtnValue.value = inputbtnValue.value.slice(0,-1)
-    buttonFunctionDisable(false)
+function backSpaceFunction() {
+  inputbtnValue.value = inputbtnValue.value.slice(0, -1);
+  buttonFunctionDisable(false);
 }
 
-function myFunction(button){
-    button.addEventListener('click',(e)=>{
-        const btnClick = e.target.dataset.set
-        if (btnClick){
-            inputbtnValue.value += btnClick
-        }
-        if(inputbtnValue.value.length === inputbtnValue.maxLength){
-            buttonFunctionDisable(true)
-        }
-    })
+function myFunction(button) {
+  button.addEventListener("click", (e) => {
+    const btnClick = e.target.dataset.set;
+    if (btnClick) {
+      inputbtnValue.value += btnClick;
+    }
+    if (inputbtnValue.value.length === inputbtnValue.maxLength) {
+      buttonFunctionDisable(true);
+    }
+  });
 }
-
diff --git a/index.html b/index.html
@@ -7,15 +7,14 @@
     <title>Calculator</title>
     <link rel="stylesheet" href="styles.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">
-    <script src="app.js" defer></script>
 </head>
 <body>
     <div class="calculator-big-screen">
         <input type="text" id="number-box" class="number-box" minlength="1" maxlength="15">
         <div class="calculator-container">
             <button class="clear-btn">AC</button>
-            <button class="backsp-btn"><i class="fa-solid fa-delete-left"></i></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>
         </div>
         <div class="calculator-container">
@@ -42,5 +41,6 @@
             <button class="equal-to">=</button>
         </div>
     </div>
+    <script src="app.js"></script>
 </body>
 </html>
